title: jQuery .each usage with ajax loaded content
body: <p>I have the following functions, the func resizeInputText works fine. Basically I would like to call resizeAll when my application has successfully loaded data via ajax.</p>
  
  <p>As the content is pulled after the page load I have attempted to wrap my each code in the .on event.</p>
  
  <p>It's not working, does anyone know how to do this or how to call .each with ajax loaded content?</p>
  
  <p>Thanks as always!</p>
  
  <pre><code>function resizeInputText(obj) {
  var boxWidth = ($(obj).val().length * 7) + 1;
      if (boxWidth &lt;= 30) {
          var boxWidth = 30;
      } else if (boxWidth &gt;= 250) {
          var boxWidth = 250;
      }
  $(obj).css({width:boxWidth});
  }
  
  function resizeAll() {
  $("#right-content").on(function () {
      $("input:text").each(function () {
          resizeInputText(this);
      });
  });
  }
  </code></pre>