title: Dropzone js error "Uncaught TypeError: $(...).dropzone is not a function"
body: <p>I have been having trouble trying to add dropzone with other input fields on the same form but finally i have managed to accomplish it. The problem I have currently is that the dropzone field is not reponsive on click or drag and get this error "Uncaught TypeError: $(...).dropzone is not a function" in my console.
  Below is my code:</p>
  
  <pre><code>    &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.css" rel="stylesheet" /&gt;
      &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/min/basic.min.css" rel="stylesheet" /&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.js"&gt;&lt;/script&gt;
  
  
      {!! Form::open([ 'action'=&gt;'MainController@uploadCar', 'files' =&gt; true, 'enctype' =&gt; 'multipart/form-data']) !!}
  
      &lt;div class="dropzone dropzone-previews" id="my-awesome-dropzone"&gt;&lt;/div&gt;
  
       &lt;div class="col-md-6"&gt;
       &lt;label class="required"&gt;Location&lt;/label&gt;
       &lt;input type="text" class="full-col" name="location"&gt;
       &lt;/div&gt;
  
       {!! Form::close() !!}
  
       &lt;script type="text/javascript"&gt;
  
       Dropzone.autoDiscover = false;
       jQuery(document).ready(function() {
  
        $("div#my-awesome-dropzone").dropzone({
          url: "/uploadcar"
        });
  
       });
  
  
       &lt;/script&gt;
  </code></pre>
  
  <p>Assistance will be greatly appreciated</p>