title: uncaught type error:$ is not a function
body: <p>I have the html page below and when you select an item on the dropdown it runs a function.
  Each time I step through the function and I get to the line</p>
  
  <pre><code>    $("#ddlRoute").html(procemessage).show();
  </code></pre>
  
  <p>I get this error : uncaught typeerror:$ is not a function</p>
  
  <p>Do you know what this is? How do I resolve this?</p>
  
  <pre><code>    @using (Html.BeginForm())
      { 
              &lt;div id="RowOne-form"&gt;
                      &lt;div class="section1"&gt;
                          &lt;h2&gt;Select a Customer&lt;/h2&gt;
                          &lt;div&gt;
                              &lt;label for="Branch"&gt;Branch:&lt;/label&gt;                
                              @Html.DropDownListFor(m =&gt; m.SelectedBranch, Model.BranchList, "Select Branch", new { @id = "ddlBranch", @style = "width:200px;", @onchange = "javascript:GetRoute(this.value);" })
                          &lt;/div&gt;
                          &lt;div&gt;
                              &lt;label&gt;Route:&lt;/label&gt;
                              &lt;select id="ddlRoute" name="ddlRoute" style="width: 200px"&gt;&lt;/select&gt;              
                          &lt;/div&gt; 
                      &lt;/div&gt;           
              &lt;hr /&gt;
              &lt;div class="form-Buttons-Sec" style="margin:35px;"&gt;
                  &lt;input id="Save1" type="button" value="Save"/&gt;
                  &lt;input id="Cancel1" type="button" value="Cancel" /&gt;
              &lt;/div&gt;
  
      }
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;script language="javascript" type="text/javascript"&gt;
  
          function GetRoute(_branchId) {
              var procemessage = "&lt;option value='0'&gt; Please wait...&lt;/option&gt;";
              $("#ddlRoute").html(procemessage).show();
              var url = "/Home/GetRouteByBranchId/";
  
              $.ajax({
                  url: url,
                  data: { branchId: _branchId },
                  cache: false,
                  type: "POST",
                  success: function (data) {
                      var markup = "&lt;option value='0'&gt;Select City&lt;/option&gt;";
                      for (var x = 0; x &lt; data.length; x++) {
                          markup += "&lt;option value=" + data[x].Value + "&gt;" + data[x].Text + "&lt;/option&gt;";
                      }
                      $("#ddlRoute").html(markup).show();
                  },
                  error: function (reponse) {
                      alert("error : " + reponse);
                  }
              });
  
  
          }
      &lt;/script&gt;
  </code></pre>