Drag and drop div using jquery
<p>I got a Main Div where i can drop any text and this will be displayed as in a form shown in the below script.</p>

<p>I need to drag and drop the dynamically generated div to move it up or down ,from within the current div. Is this possible? </p>

<pre><code>    &lt;script type="text/javascript"&gt;

  $(init);

  function init() {




  function addColumn(column) 
  {
    var iHtml;


    //Labeling and Tool Tip the Checkbox


   iHtml = "&lt;div id='&lt;%" + column + ".ClientID%&gt;'&gt;&lt;span title='ToolTipText'&gt;"+
   "&lt;input id='&lt;%" + column + ".ClientID%&gt;' type='checkbox' name='&lt;%" + column + ".ClientID %&gt;' /&gt;"+
    "&lt;label for='&lt;%" + column + ".ClientID%&gt;'&gt;MyCheckBox&lt;/label&gt;&lt;/span&gt;&lt;/div&gt;";

    return iHtml
  }
</code></pre>

<p>}</p>
