title: Bootstrap close div box
body: <p>Hello everyone i started learning bootstrap for a while,</p>
  
  <p>And i want to make close button for div boxes i have this code but the X button doesn't work:</p>
  
  <pre><code>&lt;div class="panel panel-default"&gt;
      &lt;table class="table table-hover"&gt;
          &lt;thead&gt;
              &lt;tr style="background-color: lavender;"&gt;
                  &lt;th&gt;&lt;button type="button" class="btn btn-primary btn-xs"&gt;Share&lt;/button&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;a href="#" class="close" data-dismiss="panel" aria-label="close" id="hide"&gt;&amp;times;&lt;/a&gt;&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;Manchester United - Manchester United&lt;/td&gt;
                  &lt;td&gt;2 - 1&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;FC Barcelona - Manchester&lt;/td&gt;
                  &lt;td&gt;T1 2+p.p&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Manchester United - Manchester United&lt;/td&gt;
                  &lt;td&gt;2 - 1&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;FC Barcelona - Manchester United&lt;/td&gt;
                  &lt;td&gt;2 - 1&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr style="background-color: lightgreen;"&gt;
                  &lt;th&gt;Bet: 2100&lt;/th&gt;
                  &lt;th&gt;Win: 55864&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and here is the JavaScript:</p>
  
  <pre><code>$(document).ready(function() {
      $("#hide").click(function(){
          $("panel").hide();
      });
  });
  </code></pre>