title: Change image SRC for image that reside in a cloned DIV
body: <p>I have a predefined <code>DIV</code> as below:</p>
  
  <pre><code>&lt;div id="innerDropzone" style="position: absolute; top: 20px; left: 30px; width: 200px; height: 200px"&gt;
      &lt;img id="img" src="watever"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Base on some event being fired, I will clone the above <code>DIV</code> as below:</p>
  
  <pre><code>var newDiv = $('#innerDropzone').clone();
                                      //newDiv.attr('id', 'pin' + $("#clicks").children('.pin').length);
  $(newDiv).css('display', 'block');
  //$(newDiv).attr('');
  
  $('#dropzone').append(newDiv);
  $(newDiv).draggable();
  </code></pre>
  
  <p>I'm wondering how to change the img SRC for this <code>newDiv</code></p>