title: Twitter Bootstrap Modal trigger on table click
body: <p>Folks, trying to follow example here <code>http://jsfiddle.net/yF45N/</code>.  I have JADE file below, which should open up a modal once a table item is clicked.  What am I missing?</p>
  
  <p>Thanks!!!!</p>
  
  <pre><code>block Content
  
      if (pendingArray)
  
          legend Pending Requests
          table.table-hover.table-condensed
              thead
                  tr
                      th id
                      th Email
                      th foo
                      th bar
  
              tbody
                  - each val in pendingArray
                      tr 
                          data-toggle="modal"
                          data-id="#{val.id}"
                          data-target="#orderModal"
                          href='someModal'
                          td #{val.id}
                          td #{val.Email}
                          td #{val.foo}
                          td #{val.bar}
  
          orderModal.modal.fade
          .modal-dialog
              .modal-content
                  .modal-header
                      button.close(type='button', data-dismiss='modal', aria-hidden='true') &amp;times;
                      h4.modal-title Title
                  .modal-body
                      p body
                  .modal-footer
                      button.btn.btn-default(type='button', data-dismiss='modal') Close
                      button.btn.btn-primary(type='button') Save changes
  body
      script.
  
          $(function(){
              $('#orderModal').modal({
                  keyboard: true,
                  backdrop: "static",
                  show:false,
  
              }).on('show', function(){
                    var getIdFromRow = $(event.target).closest('tr').data('id');
                  //make your ajax call populate items or what even you need
                  $(this).find('#orderDetails').html($('&lt;b&gt; Order Id selected: ' + getIdFromRow  + '&lt;/b&gt;'))
              });
          });
  </code></pre>