title: Jquery write inside the draggable div
body: <p>I am using Jquery UI library. I want to give the feature of writing text inside the draggable div on the single click. I want when the user single click the div, the cursor should appear and the user can write the text inside it.</p>
  
  <p>Pls suggest the solution with the working code sample.</p>
  
  <p>This is the sample code:-</p>
  
  <pre><code>&lt;script&gt;
        $(function() { 
               $( "#dv1" ).draggable();    
           });
  &lt;/script&gt;
  
  &lt;div id="dv1"&gt;
  &lt;p&gt;Drag me around&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>