title: jquery .click being called multiple times
body: <p>I am getting unexpected results with jQuery trying to set the "click" method of a div. Please see <a href="http://jsfiddle.net/fkMf9/">this jsfiddle</a>. Be sure to open the console window. Click the word a few times and watch the console output. The click function gets called multiple times when it should only be called once.</p>
  
  <p>The commented out code at the end works just fine. Am I doing something wrong? I'm new to jQuery.</p>
  
  <p>Here's the code:</p>
  
  <pre><code>function toggleDiv(status)
  {
      console.log("toggleDiv(" + status + ")");
      if (status) {
          $("#test").html("Goodbye");
      }
      else  {
          $("#test").html("Hello");
      }
      $("#test").click(function() {
          toggleDiv(!status);
      });
  
      // Non-jquery method works fine....
      //document.getElementById("test").onclick = function () {
      //    toggleDiv(!status);
      //}
  }​
  </code></pre>
  
  <p>Update: looks like there are lots of ways to skin this cat. The real issue here was my not understanding that the jQuery "click" functions ADDS another handler. I thought it REPLACED the current handler.</p>