title: javascript function doesn't work under MVC project
body: <p>Function <code>rangeChanged</code> doesn't work. The <code>alert</code> function also don't work. If I remove the variable <code>callbackRangeCalendar</code> then the <code>alert</code> is working.</p>
  
  <p>Is the code written in a different way in MVC?</p>
  
  <p>How do I resolve this?</p>
  
  <pre><code>@{
      ViewBag.Title = "Home Page";
  }
  
  @section PageScripts{
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"&gt;&lt;/script&gt;
  
  
  
  &lt;script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment-with-langs.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="@Url.Content("~/Content/calendar/js/jquery.rangecalendar.js")"&gt;&lt;/script&gt;
  
  &lt;link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&gt;
  
  &lt;link rel="stylesheet" id="rangecalendar-style-css" href="@Url.Content("~/Content/calendar/css/rangecalendar.css")" type="text/css" media="all"&gt;
  &lt;link rel="stylesheet" id="rangecalendar-style-css" href="@Url.Content("~/Content/calendar/css/style.css")" type="text/css" media="all"&gt;
  
  &lt;link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css"&gt;
  
  
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
  
          var callbackRangeCalendar = $("#cal").rangeCalendar({ theme: "full-green-theme", lang: "tr", changeRangeCallback: rangeChanged, weekends: false });
          alert("ddddd");
  
          function rangeChanged(target, range) {
  
  
              console.log(range);
              var startDay = moment(range.start).format('DD');
              var startMonth = moment(range.start).format('MMM');
              var startYear = moment(range.start).format('YY');
              var endDay = moment(range.end).format('DD');
              var endMonth = moment(range.end).format('MMM');
              var endYear = moment(range.end).format('YY');
  
  
              $(".calendar-values .start-date .value").html(startDay);
              $(".calendar-values .start-date .label").html("");
              $(".calendar-values .start-date .label").append(startMonth);
              $(".calendar-values .start-date .label").append("&lt;small&gt;" + startYear + "&lt;/small&gt;");
              $(".calendar-values .end-date .value").html(endDay);
              $(".calendar-values .end-date .label").html("");
              $(".calendar-values .end-date .label").append(endMonth);
              $(".calendar-values .end-date .label").append("&lt;small&gt;" + endYear + "&lt;/small&gt;");
              $(".calendar-values .days-width .value").html(range.width);
              $(".calendar-values .from-now .label").html(range.fromNow);
  
          }
  
          function ragneChanged(target, range) {
  
              console.log(range);
          }
  
      });
  &lt;/script&gt;
  &lt;link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css"&gt;
  }
  
  &lt;div class="jumbotron"&gt;
      &lt;h1&gt;ASP.NET&lt;/h1&gt;
      &lt;p class="lead"&gt;ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.&lt;/p&gt;
      &lt;p&gt;&lt;a href="http://asp.net" class="btn btn-primary btn-lg"&gt;Learn more &amp;raquo;&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  
  
  &lt;dir class="col-md-12"&gt;
      &lt;div class="section"&gt;
          &lt;div id="cal"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/dir&gt;
  </code></pre>