title: How to make <div>s in HTML5 draggable for Firefox?
body: <p>I am playing around with the HTML5 features, and I want div's (and similar containers like articles, sections, etc.) to be draggable. Consider the following code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;A Simple Draggable Object&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;h1&gt;Test #1: A Simple Draggable Object&lt;/h1&gt;
      &lt;div draggable="true"&gt;This text should be draggable.&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I tested in OS X the following browsers: 
  In Chrome 7.0 and Safari 5.0.2 I can successfully drag the text around, but in Firefox 3.6 and 4.0b6 I can neither drag the text nor mark it (as if it was usual text). Is this a bug or a feature?
  How do I achieve that Firefox lets me drag around these tags <em>without</em> using jQuery ?</p>