jquery - 数量に応じて価格を変更

Question

製品、価格、数量を含む動的テーブルがあります。数量が変わると価格も変更したいです。ここに私のXHTMLテーブルがあります

<table>
    <caption>Checkout Time!</caption>
    <thead>
        <tr>
            <th>Item</th>
            <th>Price</th>
            <th>Quantity</th>
            <th>Total</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td colspan="4" align="right">
                <input type="button" value="Checkout!" />
            </td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td class="description">Folger's Gourmet Instant Coffee 24 count box.</td>
            <td>
                <input type="text" id="price" readonly value="12.50" class="readonly" />
            </td>
            <td>
                <input type="text" id="quantity" value="1" />
            </td>
            <td>
                <input type="text" id="total" readonly value="12.50" class="readonly" />
            </td>
        </tr>
    </tbody>
</table>

JQueryを使いたいだけです。誰か助けてくれませんか？