title: jquery mouseup + not, not working
body: <p><a href="http://jsfiddle.net/xQKNh/6/" rel="nofollow">http://jsfiddle.net/xQKNh/6/</a></p>
  
  <p>Here is my code, I want to select words on mouseup, except some <code>div</code> by <code>id</code>.</p>
  
  <p>I have tried:</p>
  
  <p><code>$("body:not(#protect)").mouseup(function() {</code></p>
  
  <p><code>$("body").not("#protect").mouseup(function() {</code></p>
  
  <p><code>$("body:not('#protect')").mouseup(function() {</code></p>
  
  <p>But the <code>not.selection</code> not working for the <code>$('body').mouseup</code>.</p>
  
  <p>BTW, in my main page, the selection area not only the <code>div#content-area</code>, just for the question, I left one <code>div</code> for test. </p>
  
  <p>So what is the best way to protect one div out of the whole body mouseup by jquery? Thanks.</p>