I have a table that displays a list generated from a mysql database. When a row is clicked, a modal showing additional information from the database is displayed for that row. It works beautifully, until you try to do it a third time. The third click briefly brings up the modal before the whole thing disappears and you're back at the table where you started. I'm not sure exactly what is causing this. Here is my table:
HTML Code:
<table class="table table-hover" data-link="row">
            <thead>
            <tr>
                <th>Job #</th>

                <th>Quote #</th>

                <th>Date Started</th>

                <th>Customer Name</th>

                <th>Description</th>

                <th>Amount</th>

                <th>Date Completed</th>

            </tr>
            </thead>
            <tbody>
            <?php
            while ($row = mysqli_fetch_array($jobs)) {
                // Print out the contents of the entry
                echo '<tr>';
                echo '<td><a href="jobdetail.php?id=' . $row['id'] . '" data-toggle="modal" data-target="#jobModal"></a>' . $row['id'] . '</td>';
                echo '<td>' . $row['quote'] . '</td>';
                echo '<td>' . $row['started'] . '</td>';
                echo '<td>' . $row['customer'] . '</td>';
                echo '<td>' . $row['description'] . '</td>';
                echo '<td>$' . $row['amt'] . '</td>';
                echo '<td>' . $row['status'] . '</td>';
                echo '</tr>';
            }
            ?>
            </tbody>
        </table>
        <div class="modal fade" id="jobModal" tabindex="-1" role="dialog" aria-labelledby="jobModalLabel"
             aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">

                </div>
            </div>
        </div>
The modal content is pulled from a separate page, jobdetail.php, which pulls its information from the id appended to the url as a get variable. The code for that page is here:

HTML Code:
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
    </button>
    <h4 class="modal-title" id="jobModalLabel"><strong>Job <?php echo $job['id']; ?></strong></h4>
</div>
<div class="modal-body">
    <div class="row">
        <div class="col-lg-2">
            Quote # <?php echo $job['quote']; ?>
        </div>
        <div class="col-lg-2">
            PO # <?php echo $job['po']; ?>
        </div>
        <div class="col-lg-4">
            Status: <?php echo $job['status']; ?>
        </div>
        <div class="col-lg-4 text-right">
            <?php echo $job['customer']; ?>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-4">
            <br/>
            Started: <?php echo $startdate; ?>
        </div>
        <div class="col-lg-4">
            <br/>
            Completed: <?php echo $enddate; ?>
        </div>
        <div class="col-lg-4 text-right">
            <?php echo $job['contact']; ?>
        </div>
    </div>
    <hr>
    <div class="row">
        <div class="col-lg-6 text-center">
            <strong>PUMP SPECS</strong><br/><br/>
        </div>
        <div class="col-lg-6 text-center">
            <strong>MOTOR SPECS</strong>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-3">
            Mfg: <?php echo $job['pump_mfg']; ?>
            <br/><br/>
            Size: <?php echo $job['pump_sz']; ?>
        </div>
        <div class="col-lg-3">
            Mod: <?php echo $job['pump_mod']; ?>
            <br/><br/>
            S/N: <?php echo $job['pump_sn']; ?>
        </div>
        <div class="col-lg-2 border-left">
            Mfg: <?php echo $job['mfg']; ?>
            <br/><br/>
            Frame: <?php echo $job['frame']; ?>
        </div>
        <div class="col-lg-2">
            HP: <?php echo $job['hp']; ?>
            <br/><br/>
            Encl: <?php echo $job['encl']; ?>
        </div>
        <div class="col-lg-2">
            RPM: <?php echo $job['rpm']; ?>
            <br/><br/>
            Volts: <?php echo $job['volt']; ?>
        </div>
    </div>
    <div class="row"></div>
    <div class="col-lg-2 col-lg-offset-6 border-left">
        <br/>
        Amps: <?php echo $job['amp']; ?>
    </div>
    <div class="col-lg-4">
        <br/>
        S/N: <?php echo $job['sn']; ?>
    </div>
    <hr>
    <div class="row">
        <div class="col-lg-12">
            <strong>Job Description:</strong> <?php echo $job['description']; ?>
        </div>
    </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Edit Job</button>
        </div>
    </div>
</div>
Any ideas?