title: jQuery HOW TO?? pass additional parameters to success callback for $.ajax call?
body: <p>I am trying, in vain it seems, to be able to pass additional parameters back to the success callback method that I have created for a successful ajax call.  A little background.  I have a page with a number of dynamically created textbox / selectbox pairs.  Each pair having a dynamically assigned unique name such as name="unique-pair-1_txt-url" and name="unique-pair-1_selectBox" then the second pair has the same but the prefix is different.</p>
  
  <p>In an effort to reuse code, I have crafted the callback to take the data and a reference to the selectbox.  However when the callback is fired the reference to the selectbox comes back as 'undefined'.  I read <a href="https://stackoverflow.com/questions/1997531/javascript-callback-function-and-parameters">here</a> that it should be doable.  I have even tried taking advantage of the 'context' option but still nothing.  Here is the script block that I am trying to use:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;script type="text/javascript" language="javascript"&gt;
  $j = jQuery.noConflict();
  function getImages(urlValue, selectBox) {
      $j.ajax({
          type: "GET",
          url: $j(urlValue).val(),
          dataType: "jsonp",
          context: selectBox,
          success:function(data){
           loadImagesInSelect(data)
          } ,
          error:function (xhr, ajaxOptions, thrownError) {
              alert(xhr.status);
              alert(thrownError);
          }
  
      });
  }
  
  function loadImagesInSelect(data) {
  var select = $j(this);
  select.empty();
  $j(data).each(function() {
      var theValue = $j(this)[0]["@value"];
      var theId = $j(this)[0]["@name"];
      select.append("&lt;option value='" + theId + "'&gt;" + theValue + "&lt;/option&gt;");
  });
  select.children(":first").attr("selected", true);
  
  }    
  &lt;/script&gt;
  </code></pre>
  
  <p>From what I have read, I feel I am close but I just cant put my finger on the missing link.  Please help in your typical ninja stealthy ways.  TIA</p>
  
  <p>****UPDATE****
  Nick is a true Ninja.  They should invent a new badge for that!  His answer below does the trick.  As he mentions it's 1.4 specific but I can live with that.  Here is my final code that is working for any Ninjas in training (and my future reference):</p>
  
  <pre><code>&lt;script type="text/javascript" language="javascript"&gt;
  $j = jQuery.noConflict();
  function getImages(urlValue, selectBox) {
      $j.ajax({
          type: "GET",
          url: urlValue+ '?callback=?',
          dataType: "jsonp",
          context: selectBox,
          success: jQuery.proxy(function (data) {
              var select = $j(this);
              select.empty();
              $j(data).each(function() {
                  var theValue = $j(this)[0]["@value"];
                  var theId = $j(this)[0]["@name"];
                  select.append("&lt;option value='" + theId + "'&gt;" + theValue + "&lt;/option&gt;");
              });
              select.children(":first").attr("selected", true);
          }, selectBox),
          error:function (xhr, ajaxOptions, thrownError) {
              alert(xhr.status);
              alert(thrownError);
          }
      });
  }
  &lt;/script&gt;
  </code></pre>