How To Remove Dynamically Generated Div Using jQuery
<p>I want to remove a dynamically generated div using <code>jquery</code>, remove button will be with every div. So when I click any remove button, it will remove that div from DOM. </p>

<pre><code>&lt;div class="form-group" id="drag"&gt;    
    &lt;div class="col-md-2"&gt;
        &lt;input type="text" class="form-control" id="name1" placeholder="Name"&gt;    
    &lt;/div&gt;
    &lt;div class="col-md-2"&gt;
        &lt;input type="text" class="form-control" id="eng1" placeholder="Description Eng"&gt;    
    &lt;/div&gt;
    &lt;div class="col-md-2"&gt;
        &lt;input type="text" class="form-control" id="ar1" placeholder="Description Ar"&gt;    
    &lt;/div&gt;           
    &lt;div class="col-md-2"&gt;
        &lt;a id="remove" href="javascript:;" class="btn btn-sm red"&gt; 
            Remove
            &lt;i class="fa fa-close"&gt;&lt;/i&gt;                                                                        
        &lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>