title: Dropzone.js not working, no errors
body: <p>I'm using Dropzone.js for uploading files, but it behaves strangely. When I open the page, the dropzone form doesn't show up, only the fallback field. When I drag &amp; drop a file into the browser, the browser opens that file, then I use the Back button on the browser and Dropzone form shows up. I tried adding an alert inside the init function and it fires only when I press Back (the second scenario). There are no errors in the console. Here's the code:</p>
  
  <pre><code>&lt;!-- Dropzone --&gt;
  &lt;div id="dropzone"&gt;
      &lt;form action="&lt;?php echo site_url('/settings/upload'); ?&gt;" class="dropzone" id="upload"&gt;
          &lt;div class="fallback"&gt;
              &lt;input name="file" type="file" multiple /&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  
  &lt;!-- Dropzone --&gt;
  &lt;script src="&lt;?php echo base_url(); ?&gt;assets/common/theme/scripts/plugins/forms/dropzone/dropzone.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
      Dropzone.options.upload = {
          paramName: "info",
          maxFilesize: 0.1,
          init: function() {
              alert("test");
              this.on("error", function(file, msg) {
                  alert(msg);
              });
              this.on("success", function(file, msg) {
                  var data = jQuery.parseJSON( msg );
  
                  if (data.success) {
                      alert("success");
                  } else {
                      alert(data.message);
                  }
              });
          }
      };
  &lt;/script&gt;
  </code></pre>