title: Angular material design ripple on md-list > md-item
body: <p>I have a list of items (each of which includes multiple elements) where each item is clickable and switches view. Is there a way to get the ripple effect on the whole <code>md-item-content</code>? I tried <code>class="ripple"</code> but that was not sufficient.</p>
  
  <pre><code>&lt;md-content&gt;
      &lt;md-list layout="column" md-padding&gt;
          &lt;md-item ng-repeat="resto in list.data.recommendations"&gt;
              &lt;a ui-sref="resto({qname: resto.qname})" class="ripple"&gt;
                &lt;md-item-content id="resto{{$index}}"&gt;
                   ...
  </code></pre>