title: flot, jquery, asp.net - TypeError: $.plot is not a function
body: <p>I know there are a few similar threads on stackoverflow but I don't use CDN in my case. I checked if the files ~/Scripts/flot/jquery.flot.js and ~/Scripts/flot/jquery.colorhelpers.js exist and they do.</p>
  
  <p>Here's my view</p>
  
  <pre><code>@{
      ViewBag.Title = "FlotChart";
  }
  
  &lt;h2&gt;FlotChart&lt;/h2&gt;
  
  @Scripts.Render("~/bundles/jquery")
  
  &lt;!--[if lte IE 8]&gt;&lt;script language="javascript" type="text/javascript" src="~/Scripts/flot/excanvas.min.js"&gt;&lt;/script&gt;&lt;![endif]--&gt;
  &lt;script type="text/javascript" src="~/Scripts/flot/jquery.colorhelpers.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="~/Scripts/flot/jquery.flot.js"&gt;&lt;/script&gt;
  
  &lt;div id="flot-placeholder1" style="width: 300px; height: 150px"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      var data, data1, options, chart;
      data1 = [[1, 4], [2, 5], [3, 4], [4, 7], [5, 5], [6, 7], [7, 2], [8, 2], [9, 9]];
      data = [data1];
      options = {};
  
      $(document).ready(function() {
          chart = $.plot($('#flot-placeholder1'), data, options);
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Here's my _Layout.cshtml</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;@ViewBag.Title - My Website&lt;/title&gt;
      @Styles.Render("~/Content/css")
      @Scripts.Render("~/bundles/modernizr")
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container body-content"&gt;
          ...
      &lt;/div&gt;
  
      @Scripts.Render("~/bundles/jquery")
      @Scripts.Render("~/bundles/bootstrap")
      @RenderSection("scripts", required: false)
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>