Tapestry 5 AutoComplete

I am trying to use the AutoComplete in conjuction with a Zone updater.It appears if i tag a t:clientId where i generated a unique id for each field, the autocomplete fails to work. If i do not use the t:clientId the component works just fine.

Any idea why add a t:clientId tag to my input causesd the issue

Here is my declaration

For the one that works..below is what FireFox shows when the control is rendered in the browser on inspect

<input type="text" name="groupCode_4c864e4812769" id="groupCode_4c864e473acf4" value="CO" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">

For the one that DOES NOTworks..below is what FireFox shows when the control is rendered in the browser on inspect

<input type="text" name="0|adjustmentReason_4c864e4812769" id="0|adjustmentReason_4c864e473acf4" value="Option 253">

Here is how the above is defined in my .tml file

                                      <t:loop source="servicePaymentAdjustmentReasonToDisplay" index="adjustmentreasonindex" value="adjustmentGroupCodeReason" encoder="adjustmentReasonEncoder">
                                             <tr>
                                                <td> <input t:id="groupCode" t:value="adjustmentGroupCodeReason.adjustmentGroupCode" t:type="TextField" t:mixins="jquery/Autocomplete"/></td>                                        
                                                 <td>
                                                 <input t:id="adjustmentReason" t:clientid="${getAdjustmentId('adjustmentReason', adjustmentreasonindex)}" t:zone="modalZone" t:clientEvent="change" t:event="updateReason" t:value="adjustmentGroupCodeReason.adjustmentReasonCodeForDisplay" t:type="TextField" t:mixins="jquery/Autocomplete, ZoneUpdater "/>
                                                 </td>                                        
                                                <td>
                                                <t:textfield t:zone="adjustTotalsZone" t:clientid="${getAdjustmentId('adjustmentAmount', adjustmentreasonindex)}" t:value="adjustmentGroupCodeReason.adjustmentAmount" t:clientEvent="change" t:event="updateAdjustmentTotal" class="input-small" t:mixins="ZoneUpdater" />
                                                 
                                                </td>
                                            </tr>
                                    </t:loop>

I would appreciate any help!

Thanks