title: Add class in drop area (file input) when dragging an external image over
body: <p>Hi how to add class using Jquery when I'm dragging element over drop area.</p>
  
  <p>This is my HTML</p>
  
  <pre><code>&lt;div class="upload"&gt;
     &lt;form action=""&gt;
        &lt;input class="uploadfile" type="file" id="imageLoader" name="imageLoader"&gt;
        &lt;div class="circle"&gt;&lt;i class="flaticon-arrows-1"&gt;&lt;/i&gt;&lt;/div&gt;
        &lt;div class="text"&gt;Drag and Drop or browse from you computer&lt;/div&gt;
     &lt;/form&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>I want to add class in upload div class something like this </p>
  
  <pre><code>&lt;div class="upload dragging"&gt;&lt;/div&gt;
  </code></pre>