title: How to remove the clicked element parent?
body: <p><a href="http://jsfiddle.net/svkyp55h/1/" rel="nofollow">JSFiddle</a>.</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div class="myactivelabelsWrap"&gt;
     &lt;div data-role="collapsible" data-inset="false" class="ui-collapsible ui-collapsible-themed-content"&gt;
        &lt;h3 class="ui-collapsible-heading"&gt;&lt;a href="#" class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-left ui-btn-inherit ui-icon-minus"&gt;Home &lt;a class="icon-pencil-1 labelEditIcon ui-link"&gt;&lt;/a&gt;&lt;span class="ui-collapsible-heading-status"&gt; click to collapse contents&lt;/span&gt;&lt;/a&gt;&lt;/h3&gt;
        &lt;div class="ui-collapsible-content ui-body-inherit" aria-hidden="false"&gt;
           &lt;ul data-role="listview" class="labellistUL ui-listview"&gt;
              &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
              &lt;li class="labellist ui-li-static ui-body-inherit ui-first-child"&gt;
                 &lt;div class="leftlable"&gt;
                    &lt;h4&gt;Rayalaseema Ruchulu&lt;/h4&gt;
                    &lt;p&gt;Area Name,  &lt;b&gt;Phone:&lt;/b&gt; +91 99890 11223&lt;/p&gt;
                    &lt;p&gt;&lt;b&gt;Timings:&lt;/b&gt; 11am - 2pm&lt;/p&gt;
                    &lt;p class="minOrder"&gt;Min. Order Rs. 250/-  Delivery Charges Free&lt;/p&gt;
                    &lt;label class="label-red label-wrap"&gt;Close&lt;/label&gt;
                 &lt;/div&gt;
                 &lt;div class="rightlable"&gt;
                    &lt;a href="#" class="ui-link removerestaurant" id="1"&gt;Remove&lt;/a&gt;
                 &lt;/div&gt;
              &lt;/li&gt;
              &lt;li class="labellist ui-li-static ui-body-inherit"&gt;
                 &lt;div class="leftlable"&gt;
                    &lt;h4&gt;Rayalaseema Ruchulu&lt;/h4&gt;
                    &lt;p&gt;Area Name,  &lt;b&gt;Phone:&lt;/b&gt; +91 99890 11223&lt;/p&gt;
                    &lt;p&gt;&lt;b&gt;Timings:&lt;/b&gt; 11am - 2pm&lt;/p&gt;
                    &lt;p class="minOrder"&gt;Min. Order Rs. 250/-  Delivery Charges Free&lt;/p&gt;
                 &lt;/div&gt;
                 &lt;div class="rightlable"&gt;
                    &lt;a href="#" class="ui-link removerestaurant" id="2" &gt;Remove&lt;/a&gt;
                 &lt;/div&gt;
              &lt;/li&gt;
              &lt;li class="labellist ui-li-static ui-body-inherit ui-last-child"&gt;
                 &lt;div class="leftlable"&gt;
                    &lt;h4&gt;Rayalaseema Ruchulu&lt;/h4&gt;
                    &lt;p&gt;Area Name,  &lt;b&gt;Phone:&lt;/b&gt; +91 99890 11223&lt;/p&gt;
                    &lt;p&gt;&lt;b&gt;Timings:&lt;/b&gt; 11am - 2pm&lt;/p&gt;
                    &lt;p class="minOrder"&gt;Min. Order Rs. 250/-  Delivery Charges Free&lt;/p&gt;
                 &lt;/div&gt;
                 &lt;div class="rightlable"&gt;
                    &lt;a href="#" class="ui-link removerestaurant" id="3"&gt;Remove&lt;/a&gt;
                 &lt;/div&gt;
              &lt;/li&gt;
              &lt;div class="label-BtnWrap"&gt;&lt;button class="icon-plus btn btn-c ui-btn ui-shadow ui-corner-all"&gt;Add More&lt;/button&gt;&lt;/div&gt;
              &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
           &lt;/ul&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).on('click', '.removerestaurant', function(event) {
      var id = $(this).attr('id');
      deletefromDatabase(id);
  });
  
  function deletefromDatabase(id)
  {
      $(this).closest('.labellist').remove();
  }
  </code></pre>
  
  <p>How can I remove the clicked element <code>.labellist</code> parent?</p>