title: Modifying width in dev tool doesn't trigger resize event
body: <pre><code>var j = jQuery.noConflict();
  j.fn.portionHeight = function(ratio){
      var width = j(this).width();
      var height = Math.floor(width*ratio);
      j(this).height(height);
  }
  
  function initAndResize(){
      j('.square').portionHeight(1);
  }
  
  j(document).ready(function(){
      initAndResize();
      j('.square').resize(function(){
          initAndResize();
          console.log('changed');
      })
  });
  </code></pre>
  
  <p>I am using javascript to keep a DIV square. I was adjusting the square's size, changing its width(in percentage) in dev tools to see what size is best. I  hope the height will change accordingly, but it doesn't. I think it is because when changing the width through CSS in dev tools won't trigger the "resize" event, is there any way to overcome this?</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/4og9d7m7/" rel="nofollow">http://jsfiddle.net/4og9d7m7/</a></p>