How to create a dropzone in my div element?
<p><strong>Notes :</strong> I tired all questions and answers  related this  topic.</p>

<p>I use <code>form</code> tag then work completely fine. See Code <a href="https://jsfiddle.net/patelsumit5192/mxxa0bk8/1/" rel="nofollow noreferrer">Here</a> .</p>

<p>I want to "place" a drop zone in my <code>div</code> tag, but somehow it doesn't work. See the code <a href="https://jsfiddle.net/patelsumit5192/mxxa0bk8/2/" rel="nofollow noreferrer">here</a>.</p>

<p><strong>Snippet Example Below.</strong></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>Dropzone.autoDiscover = false;
$("#mydropzone").dropzone({
    //url: "/file/post",
 addRemoveLinks: true,
 maxFilesize: 0.5,
 dictDefaultMessage: '&lt;span class="text-center"&gt;&lt;span class="font-lg visible-xs-block visible-sm-block visible-lg-block"&gt;&lt;span class="font-lg"&gt;&lt;i class="fa fa-caret-right text-danger"&gt;&lt;/i&gt; Drop files &lt;span class="font-xs"&gt;to upload&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;nbsp&amp;nbsp&lt;h4 class="display-inline"&gt; (Or Click)&lt;/h4&gt;&lt;/span&gt;',
 dictResponseError: 'Error uploading file!'
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.js"&gt;&lt;/script&gt;
&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.css" rel="stylesheet"/&gt;
&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/basic.css" rel="stylesheet"/&gt;

&lt;div class="clsbox-1" runat="server"&gt;
    &lt;div class="dropzone clsbox" id="mydropzone"&gt;

    &lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>