title: jQuery bind click firing immediately
body: <p>I have a drop down menu, and clicking the icon should add the class "Open" to its parent, and then clicking the menu anywhere should close it. But the function inside the bind fires when the icon is clicked. The effect being it adds the class Open, and then removes it straight away. </p>
  
  <p>This is probably a simple issue, but I cannot seem to work out why the 'click' event fires straight away!?</p>
  
  <p>This question may be similar but can't still can't work it out: <a href="https://stackoverflow.com/questions/1241276/jquery-bind-event-firing-the-event">jQuery bind event firing the event</a></p>
  
  <pre><code>$(function () {
  
      $(".ui-dropdown-action").bind("click", function () {
          $(this).parent()
              .addClass("Open")
              .bind("click", function () {
                  $(this).removeClass("Open");
              });
      });
  
  });
  </code></pre>