title: How to make html text box draggable and resizable using jQuery UI plugins?
body: <p>Using <code>jquery ui draggable</code> plugin, I've made html text box draggable in this way:</p>
  
  <pre><code>&lt;script type="text/javascript" language="javascript"&gt;
      $(document).ready(function() {
          $("#Text1").draggable({
              containment: "parent",
              cancel: null
          });
      });
  &lt;/script&gt;
  
  &lt;form id="form1" runat="server"&gt;
  &lt;div&gt;
  
      &lt;div id="dialog" title="Dialog Box" style="border: solid 1px black;"&gt;
          &lt;input id="Text1" type="text" style="width: 200px; height: 20px;" value="Text1" /&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>But, how to make it resizable using jQuery as well?</p>
  
  <p>Thank you in advance.</p>
  
  <p>Goran</p>