title: Why modal won't show from table data when button clicked?
body: <p>I don't know which the cause but I properly assigned the <code>data-toggle</code> and <code>data-target</code> to my button. My modal won't show after click the corresponding button that has listener. Any help why it won't show?</p>
  
  <pre><code>@section ('content')
  &lt;div class = "row"&gt;
      &lt;div class = "col-md-12"&gt;
          &lt;table class = "table"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Title&lt;/th&gt;
                      &lt;th&gt;Content&lt;/th&gt;
                      &lt;th&gt;Category&lt;/th&gt;
                      &lt;th&gt;Approver&lt;/th&gt;
                      &lt;th&gt;Date Sent&lt;/th&gt;
                      &lt;th&gt;Action&lt;/th&gt;
                      &lt;th&gt;Status&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr class = "info"&gt;
                      &lt;td&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;/td&gt;
                      &lt;td&gt;
                          &lt;button type="submit"
                                  class="btn btn-success glyphicon glyphicon-thumbs-up"
                                  data-toggle="modal"
                                  data-target="#myModal"&gt; Approve&lt;/button&gt;
                      &lt;/td&gt;
                      &lt;td&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
          &lt;div class = "modal fade" id = "myModal"&gt;
              &lt;div class = "modal-dialog"&gt;
                  &lt;div class = "modal-content"&gt;
                      &lt;div class = "modal-header"&gt;
                          &lt;h4&gt;Confirm Approve&lt;/h4&gt;
                      &lt;/div&gt;
                      &lt;div class = "modal-body"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  @endsection
  </code></pre>