title: Small MVC styling issue regarding ActionLinks and normal a-tag hyperlink
body: <p>I have just solved an issue I had which couldn't be solved (to my limited knowledge) with an ActionLink so I used a regular hyperlink.</p>
  
  <p>When these two links are rendered on the page, they are styled very similar to each other as they pass the same css conditions, however they aren't exactly the same in two ways that I have noticed:</p>
  
  <ul>
  <li>The text is selectable on the hyperlink where is isn't on the ActionLink</li>
  <li>When hovering over the ActionLink, the cursor changes to a hand rather than a pointer, the hyperlink stays with the pointer.</li>
  </ul>
  
  <p>I was under the impression that an ActionLink renders a hyperlink which would explain why they are both styled by the css, but there are obviously some differences.</p>
  
  <p>Does anyone know how to fix this, or suggest another solution to replacing an ActionLink with a hyperlink to call an AJAX function (which returns a PartialView)?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>This is the rendered HTML. The first is the hyperlink, then second is the ActionLink.</p>
  
  <pre><code>&lt;li&gt;&lt;a id="load-partial"&gt;Test&lt;/a&gt;&lt;/li&gt; 
  &lt;li&gt;&lt;a href="/Contact/List"&gt;Contact&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>The reason I have an id in the hyperlink is so that it will run the following script to create the view in a specific <code>div</code>. I can't seem to replicate this using an ActionLink as it just return the view on it's own without the Layout views and completely unformatted.</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function () {
      $('#load-partial').click(function () {
          $.ajax({
              url: '/Contact/List/',
              datatype: 'html',
              success: function (data) {
                  $('#adminmain').empty().html(data);
              }
          });
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks very much.</p>