title: JQuery Hide div not working
body: <p>I have a div which I am trying to hide with a JQuery function;</p>
  
  <pre><code>function hideDiv() {
  
          $('SearchDiv').hide()
      }
  </code></pre>
  
  <p>This refers to the button;</p>
  
  <pre><code>&lt;input type="button" style="width:170px; float:right;" value="Search" OnClick="hideDiv()"/&gt;
  </code></pre>
  
  <p>The div looks like this;</p>
  
  <pre><code>&lt;div id="SearchDiv"  style=" border-bottom: 1px; border-style: solid; border-color: darkgrey; background-color: #F3F3F4; width: 100%; color: #4a3c8c; font-family: Verdana; font-size: 9pt;"&gt;TEST&lt;/div&gt;
  </code></pre>
  
  <p>I have tried using the client ID, changing the button to an asp:button and still have no luck in showing the div! I have also looked through the forums here without finding anything that works for me.</p>
  
  <p>Any help with this would be greatly appreciated!</p>