title: How to assign a JQuery event handlers to a specific event
body: <p>I have the following Javascript function called Howto that is executed when a button is pressed:</p>
  
  <pre><code>function howto(){
  
     $('#elementtoupdate').ajaxSend(function() {
         //Code to execute
     });
  
     $('#elementtoupdate').ajaxComplete(function() {
         //Code to execute
     });
  
     $('#elementtoupdate').load('serverside/file_path.php')
  }
  </code></pre>
  
  <p>Using JQuery the function assigns two JQuery Global Ajax Event Handlers, they are initiated when the any AJAX calls are initiated. Then the function continue and calls a JQuery <code>.load</code> function, and any code inside the Global Ajax Event Handlers is initiated. </p>
  
  <p>However, as the name the word Global suggests they are also initiated by other Jquery AJAX calls. This unfortunately is undesirable as I have other AJAX calls in the script. I need the code to be executed only when <code>$('#elementtoupdate').load('serverside/file_path.php')</code> is executed. </p>
  
  <p>What is the best way of doing this? </p>