title: On src change even if src is not valid
body: <p>I have simple image like this:</p>
  <p><code>&lt;img id=&quot;ddd&quot; src=&quot;/someimage.jpg&quot; /&gt; &lt;!-- valid image --&gt;</code></p>
  <p>Now on button click i change it like this:</p>
  <pre><code>&lt;script&gt;
      function Change() {
          $(&quot;#ddd&quot;).prop(&quot;src&quot;, &quot;/someOtherImage.jpg&quot;); &lt;!-- valid image --&gt;
      }
  &lt;/script&gt;
  </code></pre>
  <p>and besides that i listen to when it is changed like this:</p>
  <pre><code>&lt;script&gt;
      $(function() {
          $(&quot;#ddd&quot;).on(&quot;load&quot;, function() {
              alert(&quot;changed&quot;);
          });
      });
  &lt;/script&gt;
  </code></pre>
  <p>and like this it works but it doesn't work when i set it to invalid image like this:</p>
  <pre><code>&lt;script&gt;
      function Change1() {
          $(&quot;#ddd&quot;).prop(&quot;src&quot;, &quot;/savsavsa.jpg&quot;); &lt;!-- invalid image --&gt;
      }
  &lt;/script&gt;
  </code></pre>
  <p>or</p>
  <pre><code>&lt;script&gt;
      function Change1() {
          $(&quot;#ddd&quot;).prop(&quot;src&quot;, &quot;none&quot;); &lt;!-- invalid image --&gt;
      }
  &lt;/script&gt;
  </code></pre>
  <p>or</p>
  <pre><code>&lt;script&gt;
      function Change1() {
          $(&quot;#ddd&quot;).prop(&quot;src&quot;, &quot;#&quot;); &lt;!-- invalid image --&gt;
      }
  &lt;/script&gt;
  </code></pre>
  <p>in none of 3 above chages it fires <code>load</code> event. I tried with <code>change</code> event but also not working. When i inspect that <code>img</code> <strong>it does change</strong>.</p>