title: Reading multiple image using fileReader
body: <p>I'm trying to make the image as a input file button. Once image selected then the default image change to the image selected. 
  By using the <code>fileReader</code> I am only able to target one image. </p>
  
  <ul>
  <li>How could I make it only target the <code>image</code> attr in that selected <code>div</code>?</li>
  <li>Is that possible ?</li>
  </ul>
  
  <p><strong>HTML Code</strong></p>
  
  <pre><code>&lt;div class="prep"&gt;
  &lt;div class="row"&gt;
      &lt;label&gt;Step 1&lt;/label&gt;
      &lt;img src="http://png-4.findicons.com/files/icons/129/soft_scraps/256/button_upload_01.png" id="upfile1" style="cursor:pointer" class="img"/ &gt;
      &lt;input type="file" class="inputimg" /&gt;
  &lt;/div&gt;
  &lt;/div&gt;
      &lt;span class="add"&gt;Add Step&lt;/span&gt;
  </code></pre>
  
  <p><strong>JS Code.</strong></p>
  
  <pre><code>$(document).on("click" ,".img" , function(){
  
  $(this).closest("div").find(".inputimg").trigger("click");
  });
  
  var count = 1;
  $(".add").on("click",function(){
      count ++;
  var row = '&lt;div class="row"&gt;&lt;label&gt;Step '+count+'&lt;/label&gt;&lt;img src="http://png-4.findicons.com/files/icons/129/soft_scraps/256/button_upload_01.png" id="upfile1" style="cursor:pointer" class="img"/ &gt;&lt;input type="file" class="inputimg" /&gt;';
  $(".prep").append(row);
  });
      $(".inputimg").change(function(){
          readURL(this);
      });
  
  function readURL(input) {
          if (input.files &amp;&amp; input.files[0]) {
              var reader = new FileReader();
  
              reader.onload = function (e) {
                  $('.img').attr('src', e.target.result);
              }
  
              reader.readAsDataURL(input.files[0]);
          }
      }
  </code></pre>
  
  <p>refer to my <a href="http://jsfiddle.net/2h7ty/" rel="nofollow">jsfiddle Demo</a> </p>
  
  <ul>
  <li>Why the dynamically added image , the alignment is not same with the first one ?</li>
  </ul>
  
  <p>Thank You</p>