title: Jquery .autocomplete not working after ajax call
body: <p>Hi guys i am trying to write a title matcher, i got it working but when an ajax call is made it no longer works below is my code :</p>
  
  <pre><code> &lt;script type="text/javascript" src="jquery.autocomplete.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" /&gt;
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
  
     $(document).ready(function() 
              {
                  $(".course").autocomplete("look_me_up.php", 
                      {
                          width: 260,
                          matchContains: true,
                          mustMatch: true,
                          selectFirst: false
                      });
  
                  $(".course").result(function(event, data, formatted)
                      {
                            $(this).next(".course_val").val(data[1]);
                      });
              });
  </code></pre>
  
  <p>The text box i want to update is called from a ajax request which is made first :</p>
  
  <pre><code>&lt;input type="text" name="course" id="text1" value="Find Title In DB" class="course"&gt;
  &lt;input type="hidden" id="val1" class="course_val"&gt;
  </code></pre>
  
  <p>And the ajax request is :</p>
  
  <pre><code>function checks()
              {
  
              $.ajax({
                  type : "POST",
                  url : "get_data.php",
                  data : "function="+"get_text",
                  success : function(msg) 
                      {
                         $(update_me).html(msg);
                      }
                  });
              }
  </code></pre>
  
  <p>I assume the jquery is acting up because the its trying to update a value pulled from the ajax request? I am struggling to get it to work so any help would be appreciated.</p>