title: jQuery .load on image fires once
body: <h1>Context</h1>
  <p>A user page with HR information.</p>
  <p>I have a menu under the user picture which has an unfixed size.</p>
  <p>I update the menu <code>margin-top</code> when the picture is loaded:</p>
  <pre><code>_setMenuMarginTop: function () {
      var that = this;
  
      $('#picture &gt; img').load(function () {
          that.$el.css('margin-top', $(this).height() + 'px');
      });
  }
  </code></pre>
  <p>When the current user is changing, I update the page (user info, user picture img) then I recall the method <code>_setMenuMarginTop</code> as the picture size isn't the same:</p>
  <pre><code>initialize: function () {
      this.listenTo(app.curUser, 'sync', this._updateView);
  },
  
  ...
  
  _updateView: function () {
      this._setMenuMarginTop();
  
      // Other stuffs...
  },
  </code></pre>
  <p>But this time jQuery doesn't fire the <code>.load</code> method.</p>
  <h1>Questions</h1>
  <ul>
  <li>Any idea why?</li>
  <li>Does it work only once?</li>
  <li>Workaround?</li>
  </ul>
  <h1>More info</h1>
  <p>The img update into an other view:</p>
  <pre><code>initialize: function () {
      this.listenTo(app.curUser, 'sync', this._updateCurUserInfo);
  }
  
  ...
  
  _updateCurUserInfo: function () {
      this.$el.find('#picture').html( this.templatePicture({ 'url' : getPictureUrl(app.curUser.get('picture')) }) );
  
      // Other stuffs...
  }
  </code></pre>