title: Angular Material md-button not rendering correctly?
body: <p>I'm pretty new to angularjs and angular material, and I was wondering why my md-button might not be showing up the way it should on my browser but worked on codepen. I put this in my html file:</p>
  
  <pre><code>&lt;html ng-app='app'&gt;
  &lt;head&gt;
    &lt;!-- Angular Material requires Angular.js Libraries --&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- Angular Material Library --&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"&gt;&lt;/script&gt;
  &lt;script src='app.js'&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-controller='MainCont'&gt;
  &lt;md-button class='md-primary'&gt;hello&lt;/md-button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>app.js:</p>
  
  <pre><code>var app = angular.module('app', ['ngMaterial']);
  
  app.controller('MainCont', function(){
  });
  </code></pre>
  
  <p>The module and the controllers are all loading, but in the browser this button shows up like this:</p>
  
  <p><a href="http://i.stack.imgur.com/13tcG.png" rel="nofollow">button picture here</a></p>
  
  <p>Can someone explain to me why this might be? Thanks so much!</p>