Jquery hide row from table on button press

I have the following table code:

echo "<table border='1'>
        <tr>
                        <th>Code</th>
                        <th>Name</th>
                        <th>Price</th>
                        </tr>";
                        $sql = "SELECT * FROM products where updated_account_ID='$aktiv'";
                        $result = mysql_query($sql);
                        while ($row = mysql_fetch_array($result)) {
                            echo "<tr>";
                            echo "<td>" . $row['code'] . "</td>";
                            echo "<td>" . $row['name'] . "</td>";
                            echo "<td>" . $row['price'] . "</td>";
                            echo "<td>" . "<button name='code' value='".$row['code'] ."'>Delete</button></td>";
echo "</tr>";}

I would like to use jquery to hide or delete the specified row after pressing the "Delete" button which also deletes the record from the database. Could someone be so kind and help be do it? Thank you!