title: Unbind mouseup?
body: <p>I am trying to unbind the mouseup event from an element. I have tried the following but none are working.</p>
  
  <pre><code>$('#myElm').unbind('mouseup');
  $('#myElm').unbind('onmouseup');
  $('#myElm').unbind('click');
  </code></pre>
  
  <p>How do you unbind an event assigned using $('#myElm').mouseup(function({...}); ???</p>
  
  <p><strong>Edit: Adding full code</strong></p>
  
  <hr>
  
  <pre><code>cacheBgArea.mouseup(function(){
        var $cursorInElm = $(cacheBgArea.selectedText().obj);
        var selectFontSize = parseInt($cursorInElm.css('fontSize')), selectFontFace = $cursorInElm.css('fontFamily');
        $fontSizeSlider.slider('value', selectFontSize);
  
        $chooseFontFace.find('option').each(function(){
           var $this = $(this);
           if ($this.val() == selectFontFace) {
              $this.attr('selected', true);
              return false;
           }
        });
        log('font weight: ' + $cursorInElm.css('fontWeight'));
        if ($cursorInElm.css('fontWeight') == 'bold' || $cursorInElm.css('fontWeight') == 401) {
           $boldCheckbox.attr('checked', true).change();
        } else {
           $boldCheckbox.attr('checked', false).change();
        }
  
        var objText = cacheBgArea.selectedText();
        if (objText.obj.nodeName == 'a' || objText.obj.nodeName == 'A') {
           $cursorInElm = $(objText.obj)
           var elmsHref = $cursorInElm.attr('href');
           if (elmsHref &amp;&amp; elmsHref != '#') {
              $enterOwnLink.val(elmsHref).show();
              $switchToPage.show();
              $chooseLinkPage.hide();
              $chooseLinkTitle.html('Enter a Web Address');
           } else if ($cursorInElm.attr('linkPageId')) {
              $chooseLinkPage.find('option').each(function(){
                 var $this = $(this);
                 if ($this.val() == $cursorInElm.attr('linkPageId')) {
                    $this.attr('selected', true);
                    return false;
                 }
              });
              $enterOwnLink.hide();
              $switchToPage.hide();
              $chooseLinkPage.show();
              $chooseLinkTitle.html('Choose a Page');
           }
        } else {
           $('#noneLink').attr('selected', true);
           $enterOwnLink.hide();
           $switchToPage.hide();
           $chooseLinkPage.show();
           $chooseLinkTitle.html('Choose a Page');
        }
     });
  </code></pre>
  
  <p>I have verified that cacheBgArea in indeed defined. Yes, the event is bound before the unbind is called. This is the unbind. (log is just my shorthand for console.log();)</p>
  
  <pre><code>log('cacheBgArea.length: ' + cacheBgArea.length);
  cacheBgArea.unbind('mouseup');//TODO: fix this, not unbinding...
  </code></pre>