title: jQuery select element after async function
body: <p>I have a problem with selecting element after generating by async callback function.
  How to do that?</p>
  
  <p>My code:</p>
  
  <pre><code>$(document).ready(function() {
      function1(function2);
  //here i want to select generated element by id $('#select-id')
  });
  
  function function1(callback) {
      $.getJSON('./ajax/results_get.php', function(data) {
  console.log("function1");
          callback();
      });
  }
  
  function function2() {
  console.log("function2");
  }
  </code></pre>
  
  <p>EDIT:
  Now i used callback, but i don't know how to make visible object created within function3 to the click button event.</p>
  
  <pre><code>$(document).ready(function() {
  
      function1(function() {
          function2(function() {
              function3(function(){
  var foo = $('#element');
              });
          });
      });
  
                  $('#savebtn').click(function(){
  //how to use assigned foo here?
  
                  });
  });
  </code></pre>