title: why css margin property value is null in AngularJS
body: <p>here is my link function for a directive which <code>restrict to EA and transclude is true</code>    </p>
  
  <pre><code>link : function(scope,element,attrs){
  
              element.ready(function(){
                  var myUL = element.find('ul');
                  console.log(myUL.css('margin'));  // prints noting in console.
              });
  }
  </code></pre>
  
  <p>my html is </p>
  
  <pre><code>&lt;body ng-app="nmrApp"&gt;
     &lt;div class="app-container"&gt;
       &lt;nmr-dir&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;&lt;img src="http://placehold.it/600x300&amp;amp;text=Image 1" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;&lt;img src="http://placehold.it/600x300&amp;amp;text=Image 2" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;&lt;img src="http://placehold.it/600x300&amp;amp;text=Image 3" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;&lt;img src="http://placehold.it/600x300&amp;amp;text=Image 4" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;&lt;img src="http://placehold.it/600x300&amp;amp;text=Image 5" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
  
        &lt;/ul&gt;
    &lt;/nmr-dir&gt;
     &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>CSS: its loading from external css file called style.css</p>
  
  <pre><code>.app-container ul{
    margin:0;
    padding:0;
    list-style: none;
  }
  </code></pre>
  
  <p>when i print <code>myUL</code> in console it gives me </p>
  
  <pre><code>[ul.ng-scope, ready: function, toString: function, eq: function, push: function, sort: function…]
  </code></pre>
  
  <p><code>var myUL = angular.element(element.find('ul'));</code> aslo not worked for me.
  get stacked what i am doing wrong? i also set margin to 0 in my css for this ul in the element</p>