title: upload with multiple image preview
body: <p>I am using this source: <a href="http://opoloo.github.io/jquery_upload_preview/" rel="nofollow">http://opoloo.github.io/jquery_upload_preview/</a>
  until now, I can upload one image with preview.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .image-preview {
    width: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
    background-color: #000000;
    color: #ecf0f1;
  }
  input[type="file"] {
      line-height: 200px;
      font-size: 200px;
      position: absolute;
      opacity: 0;
      z-index: 10;
  }
    label {
      position: absolute;
      z-index: 5;
      opacity: 0.7;
      cursor: pointer;
      background-color: #bdc3c7;
      width: 200px;
      height: 50px;
      font-size: 20px;
      line-height: 50px;
      text-transform: uppercase;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      text-align: center;
    }
  
  &lt;/style&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  
      $("image-preview").each(
          function(){
                  $.uploadPreview({
                      input_field: $(this).find(".image-upload"),
                      preview_box: this,
                      label_field: $(this).find(".image-label")
                  });
          }
      );
  });
  &lt;/script&gt;
  &lt;!--| catatan penting: yang penting action="" &amp; input type="file" name="image" |--&gt;
  &lt;form action="upload.php" method="POST" enctype="multipart/form-data"&gt;
      &lt;div class="image-preview"&gt;
          &lt;label for="image-upload" class="image-label"&gt;+ GAMBAR&lt;/label&gt;
          &lt;input type="file" name="my_field[]" class="image-upload" /&gt;
      &lt;/div&gt;
      &lt;div class="image-preview"&gt;
          &lt;label for="image-upload" class="image-label"&gt;+ GAMBAR&lt;/label&gt;
          &lt;input type="file" name="my_field[]" class="image-upload" /&gt;
      &lt;/div&gt;
      &lt;input type="submit"/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>then try to add more div class image preview, i want add another button with image preview. <strong>i don't want multiple upload with one button.</strong></p>
  
  <p><code>$(document).ready(function() {$.uploadPreview</code> => use id, of course when change to class and add more div, when upload a button, another button will change. i am confused with the logic. Anyone can help? maybe using array but, i don't know how.. </p>