Add bootstrap/jquery datepicker to MVC 5 razor view
<p>I've tried a lot of examples. They seems to be quite simple but I can not get it working. I have just simple textbox and then I click on it it does not react. Following scripts are included:</p>

<pre><code>&lt;script src="/Scripts/modernizr-2.6.2.js"&gt;&lt;/script&gt;
&lt;script src="/Scripts/jquery-1.10.2.js"&gt;&lt;/script&gt;
&lt;script src="/Scripts/jquery.validate.js"&gt;&lt;/script&gt;
&lt;script src="/Scripts/jquery.validate.unobtrusive.js"&gt;&lt;/script&gt;
&lt;script src="/Scripts/bootstrap.js"&gt;&lt;/script&gt;
&lt;script src="/Scripts/respond.js"&gt;&lt;/script&gt;
&lt;script src="/Scripts/moment-with-locales.js"&gt;&lt;/script&gt;
&lt;script src="/Scripts/moment.js"&gt;&lt;/script&gt;
&lt;script src="/Scripts/bootstrap-datetimepicker.js"&gt;&lt;/script&gt;
</code></pre>

<p>Styles</p>

<pre><code>&lt;link href="/Content/bootstrap.css" rel="stylesheet"/&gt;
&lt;link href="/Content/site.css" rel="stylesheet"/&gt;
&lt;link href="/Content/themes/base/css" rel="stylesheet"/&gt;
</code></pre>

<p>Model</p>

<pre><code>[Display(Name = "OrderDate")]
[DataType(DataType.Date)]
public System.DateTime OrderDate { get; set; }
</code></pre>

<p>View:</p>

<pre><code>    @section scripts {

        &lt;script type="text/javascript"&gt;
            $(function() {
                $(".datepicker").datepicker();
            });
        &lt;/script&gt;

    }

    ...

@Html.LabelFor(m =&gt; m.OrderDate);
@Html.TextBoxFor(m =&gt; m.OrderDate, new {@class = "form-control datepicker" , @id = "datepicker" })
@Html.ValidationMessageFor(model =&gt; model.OrderDate, "", new { @class = "text-danger" })
</code></pre>

<p>Console says: <code>TypeError: $(...).datepicker is not a function</code></p>