title: Remove div from DOM with Jquery
body: <p>I´m trying to remove the "closest" div with a class of: flak<br>
  I have tried using "parent" but it will remove a higher div.<br>
  I need to remove the div with a class of ".flak" and all it´s children.<br></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="well" id="flakDiv"&gt; 
    &lt;span id='deleteFlak' class='pull-right'&gt;x&lt;/span&gt;
    &lt;div class="flak nopadding" id="77"&gt;
    &lt;div class="flakSideUp nopadding"&gt;&lt;/div&gt;
    &lt;div class="flakMiddle"&gt;Flak &lt;b&gt;&lt;span&gt;88&lt;span&gt;&lt;/b&gt;&lt;p&gt;88&lt;/p&gt;&lt;/div&gt;
    &lt;div class="flakSideDown nopadding"&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;br&gt;
  </code></pre>
  
  <p><strong>Js</strong></p>
  
  <pre><code>//Flak HTML setup
  var flak = $('&lt;div class="flak nopadding" id="'+flakId+'"&gt;&lt;div class="flakSideUp nopadding"&gt;&lt;/div&gt;&lt;div class="flakMiddle"&gt;Flak &lt;b&gt;&lt;span&gt;'+flakNr+'&lt;/span&gt;&lt;/b&gt;&lt;p&gt;'+ chosenObjNr +'&lt;/p&gt;&lt;/div&gt;&lt;div class="flakSideDown nopadding"&gt;&lt;/div&gt;&lt;/div&gt;&lt;br&gt;');
  
  //Delete flak
  $('#deleteFlak').on('click', function(){
      $(this).closest('.flak').remove();
  });
  </code></pre>