title: How to completely remove div onclick with jquery?
body: <p>There are some similar questions however my specific problem is an error in my code. I am able to remove the jumbotron div but there is a portion of it that still shows and I'm unsure why.</p>
  
  <p>Here is the jsfiddle
  <a href="https://jsfiddle.net/dominiconorton/2bdxvrwq/2/" rel="nofollow noreferrer">https://jsfiddle.net/dominiconorton/2bdxvrwq/2/</a></p>
  
  <pre><code>&lt;nav class="navbar navbar-expand-lg navbar-light bg-light"&gt;
    &lt;a class="navbar-brand" href="#"&gt;Blank&lt;/a&gt;
    &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"&gt;
      &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
    &lt;/button&gt;
  
    &lt;div class="collapse navbar-collapse" id="navbarSupportedContent"&gt;
      &lt;ul class="navbar-nav mr-auto"&gt;
        &lt;li class="nav-item active"&gt;
          &lt;a class="nav-link" href="#"&gt;Blank &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;
              &lt;/li&gt;
      &lt;/ul&gt;
        &lt;button class="btn btn-outline-success my-2 my-sm-0" type="submit"&gt;Sign out&lt;/button&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  
  &lt;!-- Search tutorial --&gt;
  &lt;div class="jumbotron" id="searchTutorial"&gt;
      &lt;div class="container"&gt;
          &lt;h1 class="display-4"&gt;Lorem Ipsum&lt;/h1&gt;
          &lt;p&gt; Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit 
          &lt;/p&gt;
  
      &lt;div class="removeDiv"&gt;
      &lt;p&gt;
              &lt;a class="btn btn-primary btn-lg " href="#" role="button"&gt;Close tutorial&lt;/a&gt;
      &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre><code>// close jumbotron //
  jQuery(function($) {
    $('.removeDiv').on('click', function() {
      $(this).parent('div').remove();
    });
  });
  </code></pre>
  
  <p>I'm using Bootstrap 4.0 and JQuery 3.3.1</p>
  
  <p>I tried changing the parent of the div so that the #searchTutorial is the parent and this didn't work as expected</p>
  
  <p>I would like to completely remove the jumbotron div onclick of the close tutorial</p>