How can you embed jquery variable inside a href

How can you embed jquery variable inside a href

by Akram kamal

HTML

<table border="1" cellpadding="1" cellspacing="1" width="100%">
    <tr>
        <td align="center">
            <b>Products Availabe</b>
        </td>
    </tr>
    <tr>
        <td align="center">
            <b>ID</b>
        </td>
        <td align="center">
            <b>Name</b>
        </td>
        <td align="center">
            <b>QTY Required</b>
        </td>
        <td align="center">
            <b>href</b>
        </td>
    </tr>
    <tr>
        <td align="left">
            1
        </td>
        <td align="left">
            Jungle Book
        </td>
        <td align="left">
            <input type="text" autocomplete="off">
        </td>
        <td align="center">
            <a href="">Add me</a>
        </td>
    </tr>
    <tr>
        <td align="left">
            2
        </td>
        <td align="left">
            PC Format
        </td>
        <td align="left">
            <input type="text" autocomplete="off">
        </td>
        <td align="center">
            <a href="">Add me</a>
        </td>
    </tr>
    <tr>
        <td align="left">
            50
        </td>
        <td align="left">
            Bollie
        </td>
        <td align="left">
            <input type="text" autocomplete="off">
        </td>
        <td align="center">
            <a href="">Add me</a>
        </td>
    </tr>
    <tr>
        <td align="left">
            60
        </td>
        <td align="left">
            Gigabyte
        </td>
        <td align="left">
            <input type="text" autocomplete="off">
        </td>
        <td align="center">
            <a href="">Add me</a>
        </td>
    </tr>
</table>

CSS

a{
    color:red;
}

JavaScript

$(function(){
    $('table').on('keyup', 'input[type="text"]', function(){
        var id = $.trim($(this).parent().siblings(":eq(0)").text());
        var qty = $(this).val();
        $(this).parent().siblings(":last").find('a').attr('href', function(){
            return "index123.php?qty1="+qty+"&prodid="+id;
        });
    });
    
    $('table').on('click', 'a', function(e){
        e.preventDefault();
        alert($(this).attr('href'));
    });
});