title: Uncaught TypeError: undefined is not a function on .append function
body: <pre><code>function hydrateServiceTypeDropDownList() {
          var serviceID = $get('&lt;%=serviceIDInEdit.ClientID%&gt;').value;
          var campaignID = $get('&lt;%=campaignID.ClientID%&gt;').value;
  
          $.ajax({
              type: 'POST',
              url: '&lt;%= ResolveUrl("AddEditService.aspx/BindServiceType") %&gt;',
              data: JSON.stringify({ serviceID: serviceID, campaignID: campaignID }),
              contentType: "application/json; charset=utf-8",
              dataType: "json",
              success: function(data) {
                  handleData(data);
              }
          });
      }
  
      function handleData(data) {
          var serviceTypeDropDownList = $get('&lt;%= servicesFormView.FindControl("serviceTypeDropDownList").ClientID %&gt;');
          $.each(data.d, function (key, item) {
              serviceTypeDropDownList.append(
                  $('&lt;option /&gt;', {
                       value: item.Value, text: item.Text
                  }));
          });
      }
  </code></pre>
  
  <p>This code was working but I lost these two functions in a rollback so I had to rewrite it. Now I get this error. What am I missing? serviceTypeDropDownList, data.d, key, and item all pass the correct data.</p>
  
  <p>Crome debugger stack trace:</p>
  
  <pre><code> Uncaught TypeError: undefined is not a function 
  (anonymous function) 
  v.extend.each   
  $.ajax.success 
  v.Callbacks.l 
  v.Callbacks.c.fireWith 
  T 
  v.support.ajax.v.ajaxTransport.send.r
  </code></pre>