using chained select dynamic form

I have problem with using chained javascript on my form. I use table to add dynamic input. The add didn't works.

for the example, look at this the html :

<table id="tableID" border="1">
<tbody>
    <tr>
        <td> <a href="#" onClick="addRow(tableID)">Add</a>

        </td>
        <td>
            <select id="mark" name="mark">
                <option value="">--</option>
                <option value="bmw">BMW</option>
                <option value="audi">Audi</option>
            </select>
        </td>
        <td>
            <select id="series" name="series">
                <option value="">--</option>
                <option value="series-3" class="bmw">3 series</option>
                <option value="series-5" class="bmw">5 series</option>
                <option value="series-6" class="bmw">6 series</option>
                <option value="a3" class="audi">A3</option>
                <option value="a4" class="audi">A4</option>
                <option value="a5" class="audi">A5</option>
            </select>
        </td>
        <td>
            <select id="other" name="other">
                <option value="">--</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>
        </td>
    </tr>
</tbody>

here's the javascipt :

<script src="jquery.chained.min.js"> </script>
<script type="text/javascript">
    $(document).ready(function() {
     var row = $('#tableID tbody:first').html();
     $("#series").chained("#mark");

     function addRow(tableID) {
        $(row).appendTo('#tableID');
        var rowCnt = $('#tableID tbody>tr').length;
        $('#tableID tbody>tr:last #mark').attr('id', 'mark' + rowCnt);
        $('#tableID tbody>tr:last #series').attr('id', 'series' + rowCnt);
        $('#series' + rowCnt).chained("#mark" + rowCnt);
      }
   });
</script>

I don't know why the javascript didn't works. thank you.