title: Pop-up js dialog box onclick table row and display php information
body: <p>I have a php site that displays table information from MySQL DB. I created a js that will pop-up upon clicking the row table. The problem is it will only function on the first row and nothing for the rest of it. And also I wanted to display the captured information from the row where it was clicked to the popup/dialog box. Thank you!</p>
  
  <p><strong>Here's my Table</strong></p>
  
  <pre><code>&lt;tr id="popup" style="cursor: pointer;"&gt;
  &lt;td hidden="text"&gt;&lt;?php echo odbc_result($result,"OBGyneID"); ?&gt;&lt;/td&gt;
  &lt;td&gt;&lt;?php echo odbc_result($result,"Lname"); ?&gt;
      , &amp;nbsp;&lt;?php echo odbc_result($result,"Fname"); ?&gt;
      &amp;nbsp;&lt;?php echo odbc_result($result,"mi"); ?&gt;&lt;/td&gt;
  &lt;td class="hidden-ob-xs"&gt;&lt;?php echo odbc_result($result,"Bday");?&gt;&lt;/td&gt;
  &lt;td class="hidden-ob-xs"&gt;&lt;?php echo odbc_result($result,"pxAge"); ?&gt;&lt;/td&gt;
  &lt;td class="hidden-ob-xs hidden-ob-sm"&gt;&lt;?php echo odbc_result($result,"PhoneNum"); ?&gt;&lt;/td&gt;    
  &lt;td&gt;&lt;?php  echo odbc_result($result,"service"); ?&gt;&lt;/td&gt;  
  &lt;td class="hidden-ob-xs hidden-ob-sm"&gt;&lt;?php echo odbc_result($result,"obgyneTime"); ?&gt;&lt;/td&gt;                                                  
  &lt;/tr&gt;
  </code></pre>
  
  <p><strong>Here's my JS</strong></p>
  
  <pre><code>        $('#popup').click(function(){
              swal({
                  title:  'Are you sure you want to delete this record?',
                  text: 'You will not be able to recover this record again!',
                  type: 'warning',
                  showCancelButton: true,
                  buttonsStyling: false,
                  confirmButtonClass: 'btn btn-danger',
                  confirmButtonText: 'Yes, delete it!',
                  cancelButtonClass: 'btn btn-light',
                  background: 'rgba(0, 0, 0, 0.96)'
              }).then(function(){
                  swal({
                      title: 'Are you sure?',
                      text: 'You will not be able to recover this imaginary file!',
                      type: 'success',
                      buttonsStyling: false,
                      confirmButtonClass: 'btn btn-light',
                      background: 'rgba(0, 0, 0, 0.96)'
                  });
              });
          });
  </code></pre>