title: Dropzone not displaying itself inside form
body: <p>I'm trying to have a form with inputs and an image/file uploader so it gets all uploaded once I press submit button.</p>
  
  <p>But my dropzone (previewsContainer) is not displaying itself when I put it inside a form.</p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;form action="#" class="giga-form" id="my-awesome-dropzone"&gt;
    &lt;div class="col-md-5"&gt;
      &lt;h5&gt;nimetus&lt;/h5&gt;
      &lt;input class="form-control" type="text" required&gt;
      &lt;h5&gt;tüüp&lt;/h5&gt;
      &lt;select class="form-control" required&gt;
        @foreach($types as $type)
          &lt;option value="{{$type-&gt;id}}"&gt;{{$type-&gt;name}}&lt;/option&gt;
        @endforeach
      &lt;/select&gt;
      &lt;h5&gt;aadress&lt;/h5&gt;
      &lt;input class="form-control" type="text"&gt;
      &lt;h5&gt;tellija&lt;/h5&gt;
      &lt;input class="form-control" type="text"&gt;
      &lt;h5&gt;info&lt;/h5&gt;
      &lt;textarea class="form-control" rows="3"&gt;&lt;/textarea&gt;
    &lt;/div&gt;
    &lt;div class="col-md-6 col-md-offset-1 top-pad"&gt;
      &lt;div class="ico-border"&gt;&lt;i class="icon-unlock"&gt;&lt;/i&gt;&lt;/div&gt; avalik. &lt;a href="#"&gt;&lt;b&gt;Varja&lt;/b&gt;&lt;/a&gt;
      &lt;h5 class="top-br"&gt;pildid ja failid&lt;/h5&gt;
      &lt;div class="giga-table fixed thumbnails dropzone"&gt;
        &lt;div class="dropzone-previews"&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;button type="submit"&gt;Continue&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <h2>SCRIPT</h2>
  
  <pre><code>{{ HTML::script("js/jquery-1.9.1.js") }}
  {{ HTML::script("js/jquery-ui-1.9.2.custom.min.js") }}
  {{ HTML::style('css/basic.css');}}
  {{ HTML::style('css/dropzone.css');}}
  {{ HTML::script('js/dropzone.js') }}
  &lt;script&gt;
  Dropzone.autoDiscover = false; // if this is true I get "URL not defined" in console.
  $(document).ready(function(){
    Dropzone.options.myAwesomeDropzone = { // The camelized version of the ID of the form element
      // The configuration we've talked about above
      url: '#',
      previewsContainer: ".dropzone-previews",
      autoProcessQueue: false,
      uploadMultiple: true,
      parallelUploads: 100,
      maxFiles: 100,
  
      // The setting up of the dropzone
      init: function() {
        var myDropzone = this;
        console.log(myDropzone); // This doesn't get logged when I check. &lt;-------
  
        // First change the button to actually tell Dropzone to process the queue.
        this.element.querySelector("button[type=submit]").addEventListener("click", function(e) {
          // Make sure that the form isn't actually being sent.
          e.preventDefault();
          e.stopPropagation();
          myDropzone.processQueue();
        });
  
        // Listen to the sendingmultiple event. In this case, it's the sendingmultiple event instead
        // of the sending event because uploadMultiple is set to true.
        this.on("sendingmultiple", function() {
          // Gets triggered when the form is actually being sent.
          // Hide the success button or the complete form.
        });
        this.on("successmultiple", function(files, response) {
          // Gets triggered when the files have successfully been sent.
          // Redirect user or notify of success.
        });
        this.on("errormultiple", function(files, response) {
          // Gets triggered when there was an error sending the files.
          // Maybe show form again, and notify user of error
        });
      }
  
    }
  });
  &lt;/script&gt;
  </code></pre>