title: How do I keep a mouse cursor from changing to 'selected text' in JQuery?
body: <p>I have two CSS classes, one applies to a <code>&lt;div&gt;</code> (class: <code>divBack</code>), and one to a <code>&lt;pre&gt;</code> tag (class: <code>preFooter</code>):</p>
  
  <pre><code>#divBack{
  position:absolute;
  left:0px;
  top:0px;
  z-index:10;
  width:100%;
  height:100%;
  overflow:visible;
  cursor:pointer;}
  
  #preFooter{
  position:absolute;
  top:100%;
  height:70px;
  margin-top:-70px;
  width:100%;
  z-index:20;
  cursor:pointer;}
  </code></pre>
  
  <p>I'd like to use JQuery for a drag and drop on the <code>div</code>, but when I try to <code>mousedown</code> on the <code>div</code>, the cursor changes to the same style as when text is selected.  How do I keep the mouse cursor from changing to the 'selected text' cursor during this operation?  I tried using cursor changes in CSS but it didn't work when there's a <code>mousedown</code> on the div.</p>