title: Using Dropzone.js inside Bootstrap modal
body: <p>I'm using <a href="http://www.dropzonejs.com/">dropzone.js</a> to upload files to the server. I included all the necessary js and css files and have put the file upload form inside a bootstrap modal. </p>
  
  <p>The problem I'm facing is that, inside the modal the file select window does not get triggered once I click on the dropzone. Nor am I able to drag and drop the required files. </p>
  
  <p>I'm using <a href="http://laravel.com">Laravel 4</a>. Any direction on this issue would be great! Thanks in advance. </p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;script type="text/javascript" src="{{ URL::asset('js/dropzone/dropzone-      3.8.4/downloads/dropzone.js') }}"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="{{ URL::asset('js/dropzone/dropzone-3.8.4/downloads/css/dropzone.css') }}"&gt;
  &lt;div id="fileToBeAdded"&gt;
      &lt;div class="toBeAdded" data-type="file" style=""&gt;
          &lt;button id="submit-all"&gt;Submit all files&lt;/button&gt;
          &lt;form action="{{ url('files/upload') }}" id="myDropzone" class="dropzone"&gt;
               &lt;div class="fallback"&gt;
                   &lt;input name="files[]" type="file" multiple /&gt;
               &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>