title: not understanding jquery $(this) correctly
body: <p>I think that I am misunderstanding something about how jquery <code>$(this)</code> works. In my code below:</p>
  
  <pre><code>$(document).delegate(".ISBN_number", "change", 
          function()
          {
              var isbnNum = $(this).val();
              console.log("isbnNum = " + isbnNum);
              $.get("validate_isbn.php", {isbn: isbnNum},
                  function(answer) 
                  {                   
                      console.log("answer = " + answer);    //this does display the correct content
                      if (answer == true)
                      {   console.log("entered answer");
                          $(this).after("&lt;img src='pics/green_checkmark.png' class='checkmark'&gt;");
                      }
                      else 
                      {
                          $(this).after("nope");
                      }
              });             
      });
  </code></pre>
  
  <p>I am trying to select any input tag when its contents are changed. When I call <code>$(this</code>) in the code, I assumed that it would refer back to this input tag but it doesn't. What is my issue? Is it because I used <code>.delegate</code>? (I needed to use this because the input tags are generated dynamically later on, they don't exist in the original code.) How can I fix this?</p>