I have this directive that uses jQuery. I can't get `height` or `width` out of `myImage`

```
cmsApp.directive('imgCropped', function() {
  return {
    restrict: 'E',
    replace: true,
    scope: { src:'@', selected:'&' },
    link: function(scope,element, attr) {
      var myImg;
      var clear = function() {
        if (myImg) {
          myImg.next().remove();
          myImg.remove();
          myImg = undefined;
        }
      };
      scope.$watch('src', function(nv) {        
        clear();
        if (nv) {
          element.after('<img />');
          myImg = element.next();  
          myImg.attr('src',nv);
          console.log(myImg[0]);
          console.log(myImg);

          $(myImg).Jcrop({
            trackDocument: true,  
            onSelect: function(x) {              
              scope.$apply(function() {
                scope.selected({cords: x});
              });
            },
            aspectRatio:1
          });
        }
      });

      scope.$on('$destroy', clear);
    }
  };
});

```

The `console.log(myImg)` returns this, minus all the event listeners and stuff

```
    [img, ready: function, toString: function, eq: function, push: function, sort: function…]
0: img
height: 259
naturalHeight: 259
naturalWidth: 417
width: 417
x: 0
y: 0
__proto__: HTMLImageElement
length: 1

```

The width and height are right there. I just can't get them.

`myImg[0].height` returns 0.

EDIT: PLUNKER
-------------

Here's a "working" example that attempts to `console.log` various attributes of `myImg`

<http://plnkr.co/edit/sGIdfi2b8UztEl2DEhf7?p=preview>