I am faced with a challenge related to accessing the div tag "warningMessage" within my HTML code. Below is the snippet that contains this div tag under scripts:
<script id="notePopup" type="text/x-kendo-template">
<p class="notePopupMessage">Please enter a note:</p>
<input class="textNote k-textbox" type="text" maxlength="512" />
<div class="buttons">
<button class="add k-button">Add</button>
<button class="cancel k-button">Cancel</button>
</div>
<div id = "warningMessage" style="visibility: hidden" >
<p id="warningMsg" > Status change action note would not be saved until Save button is selected. </p>
<div>
</script>
My attempt to access the div with the id of warningMessage and make it visible by using $("#warningMessage").show(); was unsuccessful. I suspect this might be because the div tag is within a script element.
If you have any suggestions on how to properly access this div tag, please let me know. You can also view the corresponding Fiddle through this link.