Jquery fold effect not working for asp.net controls?
<p>In asp.net, i am trying to do fold effect on div using asp.net button control but it is not working. instead of asp.net button when i put html controls the effect working fine. can any body help me why it is not working.</p>

<pre><code>&lt;script type="text/javascript" language="javascript"&gt;

$(document).ready(function() {

  $("#hide").click(function(){
     $(".target").hide( "fold", 
                 {horizFirst: true }, 2000 );
  });

  $("#show").click(function(){
     $(".target").show( "fold", 
                  {horizFirst: true}, 2000 );
  });

});
&lt;/script&gt;

the code for buttons goes here

 &lt;asp:Button ID ="show" runat ="server" Text ="Show" /&gt;  
 &lt;asp:Button ID ="hide" runat ="server" Text ="hide" /&gt;   
</code></pre>

<p>html controls </p>

<pre><code>&lt;input type ="button" id ="show" value ="Show" runat ="server" title ="Show" /&gt;
&lt;input type ="button" id ="hide" runat ="server"  title ="Hide" value ="Hide" /&gt;
</code></pre>
