title: Add ID to the preview div in Dropzone.js
body: <p>I'm trying to add an id attribute to each file uploaded in Dropzone.js, So I can sort it later on.</p>
  
  <p>This is my code:</p>
  
  <pre><code>Dropzone.options.pictureDropzone = {
    paramName: "file",
    addRemoveLinks: true,
    init: function() {
      this.on("success", function(file, response) {
          file.serverId = response.id;
          $(file.previewTemplate).find('.dz-preview').attr('id', "document-" + file.serverId);
      });
    }
  };
  </code></pre>
  
  <p><br /><br/><br/></p>
  
  <p>The line </p>
  
  <pre><code>$(file.previewTemplate).find('.dz-preview').attr('id', "document-" + file.serverId);
  </code></pre>
  
  <p>Should add the id, but it does nothing.
  Tried it with prop() too.
  <br /><br /></p>
  
  <p>If I choose a different element, it does  work fine. for example, this works for .dz-details </p>
  
  <pre><code>$(file.previewTemplate).find('.dz-details').attr('id', "document-" + file.serverId);
  </code></pre>
  
  <p>But I cannot seem to find a way to add it to the dz-preview element.
  <br /><br /><br />
  The HTML structure looks like that:</p>
  
  <pre><code>&lt;div class="dz-preview dz-processing dz-image-preview dz-success"&gt;
      &lt;div class="dz-details"&gt; ... &lt;/div&gt;
      &lt;div class="dz-progress"&gt; ... &lt;/div&gt;
      &lt;div class="dz-success-mark"&gt; ... &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><br /><br />
  Thank you for the help :)</p>