title: Iframe load callback is called multiple times
body: <p>I Have a simple web page and I have a following script.</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        function sendTraffic(typeOfTraffic){
          var ipAddr = document.getElementById("serverIpaddr").value;
          //alert(ipAddr);
          $("#WAFTest").attr("src", '/cgi-bin/test.py?wat='+typeOfTraffic+'&amp;ipaddr='+ipAddr);
          $("#WAFTest").load(function () {
              alert("Test done");
          });
      }
      &lt;/script&gt;
  </code></pre>
  
  <p>I have a button and this function sendTraffic is called. What I am seeing is  Test done alert comes up once for the first time , twice for the second time and thrice for the third time and it keeps going on.</p>
  
  <pre><code>&lt;button type="button" id="btnSendPing" class="btn btn-primary btn-lg" onclick="sendTraffic('sendping')"&gt;Send Ping Traffic&lt;/button&gt;
  </code></pre>
  
  <p>I am not able to figure out what wrong I am doing. I am using twitter bootstrap just FYI.</p>
  
  <p>EDIT:
  I am using chrome on Mac. #WAFTest is an Iframe. I am just trying to get data from the server and load it to the Iframe.</p>