title: Draggable and resizable in JqueryUI for an image is not working?
body: <p>I used below code for dragging and resizing the image,</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head lang="en"&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/&gt;
  
          &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
  
          $( "#img_content" ).draggable().resizable();
  
      });
      &lt;/script&gt;
      &lt;/head&gt;
      &lt;body class='default'&gt;       
  
  
  &lt;div class="demo"&gt;
  &lt;!--&lt;div id="img_content" class="ui-widget-content"&gt;
      &lt;p&gt;Drag me around&lt;/p&gt;
  &lt;/div&gt;--&gt;
  
  &lt;img id="img_content" class="ui-widget-content" src="Tulips.jpg" /&gt;
  
  &lt;/div&gt;
  
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>resizable is working corretly. but dragging the image not working. if i applied for div structure</p>
  
  <pre><code>&lt;div id="img_content" class="ui-widget-content"&gt;
          &lt;p&gt;Drag me around&lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>its working fine.</p>
  
  <p>How do i implement drag and resize for image tag?</p>