title: hide div on button click
body: <p>When the user clicks on 'Comment' button.</p>
  
  <pre><code>&lt;input id="SubmitCommentsToInvoice" type="button" value="Comments" onclick="ShowCommentBox('&lt;%: item.DBId %&gt;', '&lt;%: item.LabourOrPlant %&gt;', '&lt;%: item.ActivityDescription %&gt;')" /&gt;
  </code></pre>
  
  <p>A text area loads, with a submit button.  When the user has finished entering data and they click 'submit' I want the box to disappear.(returning to normal screen viewing)</p>
  
  <pre><code>    &lt;div id="dialog" title="Comments"  style="display:none;"&gt;   
      &lt;textarea id="BlankBox" type="text" runat="server" rows="7" 
       maxlength="2000" /&gt;     
      &lt;input id="SubmitComment" type="button" value="Submit"
                      onclick="SubmitButton()" /&gt;  
       &lt;/div&gt; 
  
      function SubmitButton() {
                  var commentBoxData = $('#&lt;%=BlankBox.ClientID%&gt;').val();
                  WorkItemMgr.CommentBoxForInvoiceUpdates(id, LabouringOrPlanting, commentBoxData, testForSuccess);
              }
  
              function testForSuccess(CommentSuccessfullyUpdated) 
              {
                  if (CommentSuccessfullyUpdated == "TRUE") 
                  {
                      //$('#' + IdCommentBox).hide();
                      // $('#&lt;%=BlankBox.ClientID%&gt;').hide(); just hides comment box need to hide entire thing
                      $("#dialog").dialog({ modal: true }).hide();
      //IN HERE I WOULD LIKE TO HIDE THE DIV (MY ATTEMPTS SEEN ABOVE)
                  }
                  else if (CommentSuccessfullyUpdated == "False") 
                  {
                      showLoadingImage.src = "../Images/X.png";
                  }
              }
  </code></pre>
  
  <p>My attempts have hidden the textarea, but I want to hide the entire div again and return to normal viewing of the screen (getting rid of the modal:true)                                 </p>