Hvordan kalder man jQuery fra et view i MVC5

Hejsa

Jeg vil gerne indsætte et slideshow i mit view, men jeg kan ikke få siden til at kalde mit jQuery hvad er det jeg gør forkert.

Jeg har gjort sådan her i den der hedder _Layout.cshtml for at få det i head section :
<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/Slideshow/elastislide.css")" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/Slideshow/custom.css")" />
    <script src="@Url.Content("~/Scripts/modernizr.custom.17475.js")"></script>
    @if (IsSectionDefined("MyOtherJavascript"))
    {
        @RenderSection("MyOtherJavascript");
    }

I mit view ser koden sådan her ud :

@section MyOtherJavascript {
    <script type="text/javascript">
     
    </script>   
}



<!-- Elastislide Carousel -->
<ul id="carousel" class="elastislide-list">
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
    <li><a href="#"><img src="http://placehold.it/140x100"></a></li>
</ul>
<!-- End Elastislide Carousel -->


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquerypp.custom.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.elastislide.js"></script>


<script type="text/javascript">
        $('#carousel').elastislide();
</script>

Jeg kan simpelthen ikke gennemskue hvad det er jeg gør forkert her, håber nogle kan hjælpe.