title: Hiding a div when dropdown selected value changes
body: <p>I have a dropdown list that when the selected value changes I want to hide a div. (There is another control that makes the div visible).</p>
  
  <p>I currently have the following but the div is not hiding when I change the selected value in the dropdown.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function () {
  
      $('#MyDd').change(function () {
          $('#buttonDiv').hide();            
      });
  });
  
  &lt;/script&gt;
  
  &lt;asp:DropDownList ID="MyDd" runat="server" /&gt; 
  &lt;div id="buttonDiv" class="buttonContainer"&gt;
      &lt;asp:Button ID="myButton" runat="server" /&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas why this wouldn't be working?</p>
  
  <p>Thanks in advance for your help.</p>