title: jquery remove onclick event
body: <p>I have a couple of buttons, but depending on what radio button is selected I want 1 of 2 things to happen. e.g</p>
  
  <p>when buildings radio button is selected, and the button is clicked then shows all building but doesnt show parks.
  similarly when parks radio button is selected, and the button is  clicked shows all parks but doesnt show buildings.</p>
  
  <p>i want to remove the onclick event for the appropriate feature that is not required, i could do this with.</p>
  
  <pre><code>$('#youLinkID').attr('onclick','').unbind('click');
  </code></pre>
  
  <p>however this will remove <strong>BOTH</strong> onclick events.</p>
  
  <p>Is there either a way to remove only 1 onclick event, perhaps by name, or a way to add back an onclick event by name?</p>
  
  <p>EDIT:
  so I used the help of Mark below and used namespaces, and came up with this:</p>
  
  <pre><code>$('#showOver').bind('click.buildOver', function(){ 
          $(this).unbind('click.parkOver')
      });
  </code></pre>
  
  <p>Doesn't work however, I know its calling it and working as it runs my test,        </p>
  
  <pre><code>.css({"backgroundColor":"black","color":"white"})
  </code></pre>
  
  <p>It jsut doesn't seem to add the onclick event of buildOver() function</p>