dynamically added input fields and autocomplete
<p>I've searched the net and am unable to find a solution.  Similar questions have either gone answered or I was unable to implement the answers.  I'm hoping someone here can help me!  </p>

<p>So, I am trying to combine an autosuggest script with an add additional input field script. I have a professor field with an option to add more professor fields if needed. I can get the autosuggest to work with the first professor field, but the autosuggest doesn't run on dynamically added input fields.</p>

<p>The autosuggest script I am using is the AUSU jQuery-Ajax Auto Suggest</p>

<p><a href="http://plugins.jquery.com/project/au...t-autocomplete" rel="nofollow">http://plugins.jquery.com/project/au...t-autocomplete</a></p>

<p>And the addinput script is from this tutorial: <a href="http://new2wp.com/snippet/jquery-add...t-form-fields/" rel="nofollow">http://new2wp.com/snippet/jquery-add...t-form-fields/</a></p>

<p>Here is the javascript i have between the  tags:</p>

<pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;    
&lt;/script&gt;
&lt;script type="text/javascript" src="assets/js/jquery.ausu-autosuggest.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;

$(document).ready(function() {
$.fn.autosugguest({
className: 'ausu-suggest',
methodType: 'POST',
minChars: 2,
rtnIDs: true,
dataFile: 'data.php'
});
});
&lt;/script&gt;

&lt;script type="text/javascript"&gt;
$(function() {
var profDiv = $('#addprofblock');
var i = $('#addprofblock p').size() + 1;

$('#addprof').live('click', function() {

$('&lt;p&gt;&lt;div class="ausu-suggest"&gt;&lt;input type="text" id="professor" size="25" name="professor[]" value="" autocomplete="off" /&gt;&lt;/div&gt;&lt;a href="#" id="remprof" style="text-decoration:none; font-weight:bold;"&gt;Remove&lt;/a&gt;&lt;/p&gt;').appendTo(profDiv);
i++;
return false;
});

$('#remprof').live('click', function() {
if( i &gt; 2 ) {
$(this).parents('p').remove();
i--;
}
return false;
});
});
&lt;/script&gt;
</code></pre>

<p>and here is a snippet of my code from the form I am creating:</p>

<pre><code>&lt;div id="addprofblock"&gt;
&lt;p&gt;&lt;div  class="ausu-suggest"&gt;&lt;input type="text" name="professor[]" id="professor" size="25" value="" autocomplete="off" /&gt;&lt;/div&gt;
&lt;a href="#" id="addprof" style="font-weight: bold; text-decoration: none"&gt;Add&lt;/a&gt;
&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>I've heard some people mention livequery as the solution, but I have trouble implementing it.  Thank you for any help you can provide!!</p>
