title: object tag reloads when css display none to block
body: <p>I have an html page with an object tag containing an svg object.  The svg object reloads every time the display on the containing div changes from none to block.  This is causing a load event to get generated   for the svg object.  This happens in Chrome but not in Firefox.</p>
  
  <p>Is this a bug in Chrome, or is this correct behavior?  I know browsers will sometimes defer load until an element is visible, but I didn't think they should reload every time the display changes.  I know I could use visibility=hidden but this is part of a large, legacy library that has many styling dependencies and so it is not so easy to change.</p>
  
  <p>Here is a minimal code snippet that demonstrates the problem (on chrome).  I am using chrome 39 on Windows 7.</p>
  
  <pre><code>&lt;body&gt;
  &lt;script src="http://code.jquery.com/jquery-1.11.1.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function () {
          var toggle = 0;
          $('#button').on('click', function () {
              if (toggle % 2 == 0) {
                  $('#www').css('display', 'none');
              } else {
                  $('#www').css('display', 'block');
              }
              toggle++;
          });
      });
  &lt;/script&gt;
  &lt;div id="www"&gt;
  &lt;object id="ggggg" name="ggggg" type="image/svg+xml" data="http://upload.wikimedia.org/wikipedia/commons/b/b0/NewTux.svg" width="583" height="471"&gt;    &lt;/object&gt;
  &lt;/div&gt;
  &lt;input type="button" value="abcd" id="button"/&gt;
  &lt;/body&gt;
  </code></pre>