Active Check delete whole ul
<p>I have a problem in Jquery that whenever I click on checkbox and click on delete option inside div then it delete whole ul rather than its parent ul.</p>

<p><strong>HTML Code</strong></p>

<pre><code>&lt;div class="delete"&gt;Delete&lt;/div&gt;
&lt;ul class="link" id="link"&gt;
  &lt;li&gt;
    &lt;div class="style"&gt;
      &lt;input type="checkbox" class="styled"&gt;
      &lt;div id="style"&gt;&lt;/div&gt;
    &lt;/div&gt;&lt;/li&gt;
    &lt;li class="edit"&gt;http://carouselinfo.com/canal/&lt;/li&gt;
    &lt;li&gt;&lt;span class="main edit"&gt;123&lt;/span&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p><strong>JQUERY</strong></p>

<pre><code>$('.delete').on('click',function(){
    var check = $("input[type='checkbox']");
    if(check.is(':checked')){
        //console.log("Works");
        $(this).closest("ul").empty();
    }
});   
</code></pre>
