title: jQuery AJAX function can't see my variable
body: <p>I have the following code, which i've simplified, where <code>$currEl</code> gets logged and displays correctly, but in the $.ajax call it logs as <code>null</code>.</p>
  
  <p>Am I missing something?</p>
  
  <pre><code>for(var i=0, j = atgSlots.length; i &lt; j; i++) {
   var currSlot = atgSlots[i].split('|'),
     $currEl = currSlot[0].length ? $('[data-atg-url=' + currSlot[0] + ']') : null,
     wcmLocation = currSlot[2] || null;
  
   if ($currEl !== null &amp;&amp; wcmLocation !== null) {
    console.log($currEl);
    $.ajax({
     url: wcmLocation,
     success: function(html) { console.log($currEl); updateSlots.setContent($currEl, html); },
     error: updateSlots.checkDefault
    }); // $.ajax
   }
  } // for : atgSlots
  </code></pre>