title: disable text highlighting on double click in jQuery
body: <p>I have this jQuery toggle. It work fine.</p>
  
  <pre><code>   &lt;ul&gt;
      &lt;li&gt;Go to the store&lt;/li&gt;
      &lt;li&gt;Pick up dinner&lt;/li&gt;
      &lt;li&gt;Debug crash&lt;/li&gt;
      &lt;li&gt;Take a jog&lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p>&nbsp;</p>
  
  <pre><code>        $("li").toggle(
            function () {
              $(this).css({"list-style-type":"disc", "color":"blue"});
            },
            function () {
              $(this).css({"list-style-type":"disc", "color":"red"});
            },
            function () {
              $(this).css({"list-style-type":"", "color":""});
            }
          );
  </code></pre>
  
  <p>The problem is when I do fast clicking, it highlighted the text in it. 
  Is there a way to stop the text from being highlighted?</p>