title: Angular ui-sref on dropdown not working
body: <p>I have an angular app with routing. I have a dropdown select defined as follows:</p>
  
  <pre><code>&lt;select class="form-control" id="transactiontype" ng-model="tt"&gt;
      &lt;option&gt;&lt;a ui-sref="cash"&gt;Cash&lt;/a&gt;&lt;/option&gt;
      &lt;option&gt;&lt;a ui-sref="cheque"&gt;Cheque&lt;/a&gt;&lt;/option&gt;
      &lt;option&gt;&lt;a ui-sref="debitcard"&gt;Debit&lt;/a&gt;&lt;/option&gt;
      &lt;option&gt;&lt;a ui-sref="creditcard"&gt;Credit&lt;/a&gt;&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>When i select one of the dropdowns, somehow it is not loading the view i am referencing. Where am i going wrong? I also tried this:</p>
  
  <pre><code>&lt;option ui-sref="creditcard"&gt;Credit&lt;/option&gt;
  </code></pre>