title: Using Html.ActionLink for generating Jquery UI tab links
body: <p>I'm using Jquery UI tabs where I'm attempting to load data via ajax. The links are generated programmatically.</p>
  
  <pre><code>string LinkID = "";
  
  &lt;ul&gt;
   @foreach (MyItem item in Model.ItemList)
   {
     &lt;li&gt;
      LinkID = "subcat" + ViewBag.F_ID + "-tabs-item" + item.ID + "-link";
      @Html.ActionLink( item.Name,           //Link Text
                       "GetItem",            //Action Name
                       "Items",              //Controller Name
                        //Route Values
                        new { C_ID = ViewBag.C_ID, D_ID = ViewBag.D_ID, E_ID = ViewBag.E_ID, F_ID = ViewBag.F_ID, G_ID = ViewBag.G_ID, Item_ID = item.ID }, 
                        //HTML Attributes
                        new { id = LinkID, @class = "ItemLoadViaAjax", title = item.Name })
     &lt;/li&gt;   
    }
   &lt;/ul&gt;   
  </code></pre>
  
  <hr>
  
  <p>The anchor element that gets generated: </p>
  
  <pre><code>  &lt;a class="ItemLoadViaAjax" 
       href="#Cadbury_Eclairs" 
       id="subcat11-tabs-item9-link" 
       title="Cadbury Eclairs"&gt;
       Cadbury Eclairs
    &lt;/a&gt;
  </code></pre>
  
  <p>The <code>href</code> value is the same as that of the <code>title</code>, instead of the URL generated from ActionLink.  </p>
  
  <p>Any idea why is this happening?</p>