title: Jquery UI DRAG/DROP, one div works the other does not. how to fix?
body: <p>I have the following Jquery UI drag and drop jsfiddle
  <a href="https://jsfiddle.net/zoojsfiddle/ud96jdcp/" rel="nofollow">https://jsfiddle.net/zoojsfiddle/ud96jdcp/</a></p>
  
  <pre><code>     &lt;div class="dragImg"&gt;&lt;img class="img" src="http://www.thumbshots.com/Portals/0/Images/Feature%20TS%201.jpg"&gt;&lt;/div&gt;  
  
      &lt;div id="drag1" class="dragImg" title="Start Button"&gt;&lt;/div&gt; &lt;!-- end of drag1 --&gt;            
  
     &lt;div id="dropHere"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The div with the larger icon works 1st div, you can drag and drop and move around in the bordered div, and have it contained.
  The div with the smaller icon, 2nd div, will not allow drag and drop.
  As far as I can see they result in the same div , just the 2nd one uses a css.
  How do I fix the 2nd div to get drag and drop to work.
  Thanks for looking.</p>