title: jquery bind functions and triggers after ajax call
body: <pre><code>function bindALLFunctions() {
    ..all triggers functions related go here
  };
  
  
  $.ajax({
          type: 'POST',
          url: myURL,
          data: { thisParamIdNo: thisIdNo },
          success:    function(data){
                          $(".incContainer").html(data);
                          bindALLFunctions();
          },
          dataType: 'html'
  });
  </code></pre>
  
  <p>I am new to ajax and JQuery.
  I have the above ajax call in my js-jquery code. <b>bindALLFunctions();</b> is used to re-call all the triggers and functions after the ajax call. It works all fine and good as expected. However, I have read somewhere that is better to load something after the initial action is finished, so I have tried to add/edit the following two without any success.
  Any ideas?</p>
  
  <pre><code>1) -&gt;    $(".incContainer").html(data, function(){
                                            bindALLFunctions(); 
                                          });
  
  2) -&gt;    $(".incContainer").html(data).bindALLFunctions();
  </code></pre>