Asp.Net Button postback keeps firing

Question

For some reason the postback event keeps firing for my button. If I place a break point on the function(e) part with Firebug, the code just skips right over the function. Return false does not work either.

<script>
$(document).ready
(
$('#<%:FilterButton.ClientID %>').click 
  (
    function (e)
    {
      e.preventDefault();
      $('#Filter').toggle();
    }
   )
 );
</script> 

Edit: Kundan and others have pointed out that I skipped passing in an anonymous function for the document.ready() event. Careless on my part.

Answer 1

Try this

<script>
$(document).ready(function() {
 $('#<%= FilterButton.ClientID %>').click(function (e){
      e.preventDefault();
      $('#Filter').toggle();
      return false;
 });
});
</script>

Answer 2

I think you have a few issues with your code, unless it was just a bad copy/paste job. Should be:

$(document).ready(function(){

    $('#<%=FilterButton.ClientID %>').click(function(e){
        e.preventDefault();
        $('#Filter').toggle();
    });

});

Answer 3

Change

$('#<%:FilterButton.ClientID %>').click 

to

$('#<%=FilterButton.ClientID %>').click