Jquery not work when include to master page
<p>I am using <a href="http://tympanus.net/Tutorials/SlideshowJmpress/" rel="nofollow">this slide show</a> ,  I included all the script and css to my master page of ASP.net MVC project. But the all the element of the slide didn't show in my page. Only the next and previous button are working, the image and text didn't. In my master page I have only the script of the slide so it has no the conflict script or jquery problem.</p>

<p>I view the page source and click to each link of external css and script, it work properly.</p>

<p>But I really have no idea what happen to my page.</p>

<p>This is the code that I include and HTML</p>

<pre><code>&lt;%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %&gt;
&lt;%@ Import Namespace="Web.Models" %&gt;
&lt;%@ Import Namespace="MvcSiteMapProvider.Web.Html" %&gt;
&lt;%@ Import Namespace="System.IO" %&gt;
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1 /DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head id="Head1" runat="server"&gt;
&lt;asp:ContentPlaceHolder ID="HeadContent" runat="server" /&gt;
&lt;asp:ContentPlaceHolder ID="TitleContent" runat="server" /&gt;
Home Page    
&lt;link rel="stylesheet" type="text/css" href="../../Content/homegallery/css/style.css" /&gt;
&lt;link rel="stylesheet" type="text/css" href="../../Content/homegallery/css/demo.css" /&gt;
&lt;/head&gt;
&lt;body&gt;

  &lt;br /&gt;&lt;br /&gt;&lt;br /&gt; &lt;br /&gt;&lt;br /&gt;&lt;br /&gt; &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
  &lt;script type="text/javascript" src="../../Content/homegallery/js/jquery.min.js"&gt; &lt;/script&gt;
  &lt;script type="text/javascript" src="../../Content/homegallery/js/jmpress.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../../Content/homegallery/js/jquery.jmslideshow.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../../Content/homegallery/js/modernizr.custom.48780.js"&gt;&lt;/script&gt;

  &lt;noscript&gt;
   &lt;style&gt;
      .step {
        width: 100%;
        position: relative;
      }
      .step:not(.active) {
        opacity: 1;
        filter: alpha(opacity=99);
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
       }
     .step:not(.active) a.jms-link{
        opacity: 1;
        margin-top: 40px;
     }
 &lt;/style&gt;
 &lt;/noscript&gt;
    &lt;div id="home" style="width: 890px; margin-left: 20px; margin-top:28px; margin-bottom: -50px;"&gt;
    &lt;div class="container"&gt;
        &lt;section id="jms-slideshow" class="jms-slideshow"&gt;
            &lt;div class="step" data-color="color-1"&gt;
                &lt;div class="jms-content"&gt;
                    &lt;h3&gt;Just when I thought...&lt;/h3&gt;
                    &lt;p&gt;From fairest creatures we desire increase, that thereby beauty's rose might never die&lt;/p&gt;
                    &lt;a class="jms-link" href="#"&gt;Read more&lt;/a&gt;
                &lt;/div&gt;
                &lt;img src="../../Product/2309.jpg" /&gt;
            &lt;/div&gt;
            &lt;div class="step" data-color="color-1" data-y="500" data-scale="0.4" data-rotate-x="30"&gt;
                &lt;div class="jms-content"&gt;
                    &lt;h3&gt;Holy cannoli!&lt;/h3&gt;
                    &lt;p&gt;But as the riper should by time decease, his tender heir might bear his memory&lt;/p&gt;
                    &lt;a class="jms-link" href="#"&gt;Read more&lt;/a&gt;
                &lt;/div&gt;
                &lt;img src="../../Product/2070.jpg" /&gt;
            &lt;/div&gt;
        &lt;/section&gt;
        &lt;/div&gt;
&lt;script type="text/javascript"&gt;
    $(function () {
        $('#jms-slideshow').jmslideshow();
    });
&lt;/script&gt;
&lt;/div&gt;
</code></pre>

<p><br>

</p>

<p>Any one have any idea please.</p>

<p>Thanks you so much.</p>
