jQuery-UI AutoComplete not working for dynamic fields
===

AutoComplete works correctly for the static field, but it doesn't work for dynamic fields.

I've tried `.live()` method for I could not get it to work correctly.

Here is my HTML:

    <table>
        <tr class="selectmatprimas">
            <td>
                <input type="text" class="selectmatprima" />
                <input type="text" name="matprimas[]" />
            </td>
        </tr>
        <tr class="clone" style="display:none;">
            <td>
                <input type="text" class="selectmatprima" />
                <input type="text" name="matprimas[]" />
            </td>
        </tr>
    </table>
    <input type="button" value="addmore" id="addmore" />
​
Here is my JS:

    var src = [
        {
            "label": "Mat\u00e9ria Prima 1",
            "value": "1"
        },
        {
            "label": "Mat\u00e9ria Prima 2",
            "value": "2"
        }
    ];
    
    $("input.selectmatprima").autocomplete({
        source: src,
        select: function (event, ui) {
            event.preventDefault();
            this.value = ui.item.label;
            $(this).next().val(ui.item.value);
        },
        focus: function (event, ui) {
            event.preventDefault();
            this.value = ui.item.label;
            $(this).next().val(ui.item.value);
        }
    });
    
    $("input#addmore").click(function(){
        var a = $('tr.clone').html();
        var b = $('tr.selectmatprimas:last');
        b.after("<tr class='selectmatprimas'>"+a+"</tr>");
    });

[Online DEMO](http://jsfiddle.net/pK78z/)

As you can see, when I click the addmore button, the autocomplete doesn't work on the new fields...