C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Xml;
using System.Xml.Serialization;
using System.IO;
using System.Data;

namespace MVCtest.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            string path = Server.MapPath("~/XML/top.xml");
            XmlDocument xDoc = new XmlDocument();
            xDoc.Load(path);
            string xmlContent = xDoc.InnerXml;
            var deXml = horseracing.Deserialize(xmlContent);

            //racename
            var rName = deXml.name;
            ViewBag.racename = rName;

            //meeting name
            var mName = from m in deXml.meetings
                        select m;
            ViewBag.race = mName;

            var time = from n in mName.Select(t => t.marketgroups)
                       select n.Select(t => t.tsstart);

            List<string> min = new List<string>();

            foreach (var nxt in time)
            {
                min.AddRange(nxt);
            }

            List<DateTime> nxt5races = new List<DateTime>();

            foreach (var q in min)
            {
                //DateTime minTime = new DateTime(2013, 3, 22);
                //TimeSpan ts = new TimeSpan(13, 25, 00);
                //minTime = minTime.Date + ts;
                DateTime minTime;

                DateTime date = DateTime.Parse(q);
                date.ToShortTimeString();
                minTime = date;
            }


            var defaultXML = from x in mName.Select(i => i.marketgroups[0].idfwmarketgroup)
                             select x;
            foreach (string marketid in defaultXML)
            {
                marketid.ToString();
                ajax_getMarketGroup(marketid);
                break;
            }

            return View();

        }


        public ActionResult ajax_getMarketGroup(string marketid)
        {

            string path = Server.MapPath("~/XML/marketgroup" + "//" + marketid + ".xml");
            XmlDocument doc = new XmlDocument();
            try
            {
                doc.Load(path);
                string xmlContent = doc.InnerXml;
                var deXml = marketgroup.Deserialize(xmlContent);

                var Venue = deXml.markets.Select(v => v.venue).FirstOrDefault();
                ViewBag.Venue = Venue;

                var sportName = deXml.markets.Select(s => s.sportname).FirstOrDefault();
                ViewBag.sportName = sportName;

                var Moment = deXml.markets.Select(m => m.tsstart).FirstOrDefault();
                ViewBag.Moment = Convert.ToDateTime(Moment).ToShortTimeString();

                var raceLength = deXml.markets.Select(r => r.racelength).FirstOrDefault();
                ViewBag.raceLength = raceLength;

                var selections = (from s in deXml.markets.Select(s => s.selections)
                                  select s).FirstOrDefault()
                                 .OrderByDescending(n => n.competitornumber.PadLeft(2, '0'));
                ViewBag.selections = selections;
            }
            catch (Exception)
            {

            }
            return PartialView("RaceCard");
        }
        }


    }
------------------------------------------------------HomeController-------------------------------------------------------------------

------------------------------------------------------XmlSerialization-----------------------------------------------------------------
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Text;
using System.Xml.Serialization;
using System.IO;


[Serializable()]
public abstract class XmlSerialization<T>
{

    /// Must have default constructor for xml serialization

    public XmlSerialization()
    {
    }

    /// Create an xml representation of this instance

    public string Serialize()
    {
        XmlSerializer serializer = new XmlSerializer(this.GetType());
        using (StringWriter stream = new StringWriter())
        {
            serializer.Serialize(stream, this);
            stream.Flush();
            return stream.ToString();
        }
    }

    /// Creata a new instance from an xml string.

    /// The client is responsible for deserialization of the correct type

    public static T Deserialize(string xml)
    {
        if (string.IsNullOrEmpty(xml))
        {
            throw new ArgumentNullException("xml");
        }
        var serializer = new XmlSerializer(typeof(T));
        using (var stream = new StringReader(xml.Replace("&", " ")))
        {
            try
            {
                return (T)serializer.Deserialize(stream);
            }
            catch (Exception ex)
            {
                // The serialization error messages are cryptic at best.
                // Give a hint at what happened
                throw new InvalidOperationException("Failed to " +
                                 "create object from xml string", ex);
            }
        }
    }
}
---------------------------------------------------------------------------------------------------------------------------------------

-----------------------------------------------------------Index.cshtml----------------------------------------------------------------

@using MVCtest.Controllers

<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<link href="~/Scripts/StyleSheet1.css" rel="stylesheet" />


<script>
   $(document).ready(function () {
        $(".marketTime").click(function (event) {
            var marketid = event.target.id;
            //alert(marketid);
            $("#raceCard").addClass("raceCard");
            $(".marketTime.selected").removeClass("selected");
            $(this).addClass("selected");
            $.ajax({
                url: "@Url.Action("ajax_getMarketGroup", "Home")",
                data: { marketid: marketid },
                type: "GET",
                success: function (data) {
                    $("#raceCard").html(data);
                }
            });
        });

    });
</script>


<h2>Horse Racing</h2>
<b>Race Name: </b> @ViewBag.racename
<br /> <hr />
<table>

    <tbody>
        <tr>
            <td>
                <b>Next 5 races</b>
            </td>

        </tr>
        @foreach (var m in ViewBag.race)
        {
            <tr>
                <td>
                    <b>@m.name</b>
                </td>
                @foreach (var market in @m.marketgroups)
                {
                    <td>
                        <a href="#" id="@market.idfwmarketgroup" class="marketTime">
                            @Convert.ToDateTime(market.tsstart).ToShortTimeString()
                        </a>
                    </td>
                }
            </tr>
        }
    </tbody>
</table>
<br />
<div id="raceCard" style="width: 30%">
</div>

-----------------------------------------------------------------Index.cshtml^----------------------------------------------------------


----------------------------------------------------------------RaceCard.cshtml--------------------------------------------------------


<h4 style=" text-align: center">
    @ViewBag.Venue - @ViewBag.Moment - @ViewBag.raceLength -  @ViewBag.sportName
</h4>
<table id="raceTable" style="width: 100%">
    <thead>
        <tr>
            <th>No.</th>
            <th>Horse</th>
            <th>Jockey</th>
            <th>Odds</th>
        </tr>
    </thead>
    <tbody>
        @{
            try
            {
                foreach (var info in ViewBag.selections)
                {
                    <tr>
                        <td style=" text-align: center">
                            @info.competitornumber
                        </td>
                        <td style=" text-align: center">
                            @info.name<br />
                            <span style="font-size: 11px">Form: @info.selectionhashcode</span>
                        </td>
                        <td style=" text-align: center">
                            @info.jockeyname
                        </td>

                        @if (@Convert.ToBoolean(info.is1stfavourite) == true || @Convert.ToBoolean(info.is2ndfavourite) == true)
                        {
                            <td style=" text-align: center">SP</td>
                        }
                        else if (@info.currentpriceup == string.Empty || @info.currentpricedown == string.Empty)
                        {
                            <td style=" text-align: center">
                                0 / 0
                            </td>
                        }
                        else
                        {
                            <td style=" text-align: center">
                                @info.currentpriceup / @info.currentpricedown
                            </td>
                        }
                    </tr>
                }
            }
            catch (Exception ex)
            {
                <script type="text/javascript">
                    alert("XML File not found!");
                </script>
            }
        }
    </tbody>
</table>
---------------------------------------------------------------------------------------------------------------------------------------
CSS
.selected {
    background-color: lightblue;
}

tr {
  border-bottom: solid 1px black;
}

a {
    text-decoration: none;
}

.raceCard {
border: solid black 1px;
}

a:hover {
    background-color: lightblue;
}

tr:nth-child(odd)       { background-color:#eee; }
tr:nth-child(even)      { background-color:#fff; }
--------------------------------------------------------------------------------------------------------------------------------------