title: ajax postback method for refreshing dropdown list
body: <p>Scoop... </p>
  
  <p>I have a drop down list that might not display a particular option you're looking for. I added a button with pop up modal to type in a field you want to add to the drop down list. It functions perfectly, but I need to add an ajax postback method to refresh the list after the user hits enter. I don't want to refresh the whole page, just the list. any help? </p>
  
  <p><strong>Controller</strong>:</p>
  
  <pre><code>        public ActionResult AddLeadSource()
      {
          return View();
      }
  
      [HttpPost]
      public ActionResult AddLeadSource(string name)
      {
          LeadSource ls = new LeadSource();
          ls.Name = name;
          db.LeadSources.Add(ls);
          db.SaveChanges();
          return Json(new { success = true });
      }
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>&lt;script&gt;
  $("#AddNew").change(function () {
      var name = $("#Name").val();
      // var order = $("#DisplayOrder").val();
  
      $.ajax({
          type: 'POST',
          dataType: 'json',
          cache: false,
          url: '/Admin/LeadSource/AddLeadSource',
          data: { name: name },
          success: function (response) {
              //alert("Success " + response.success);
              $('#FollowUpNotes').kendoWindow('destroy');
              // Refresh the DropDown &lt;-- Heres where I need some help!
  
  
          },
          error: function (jqXHR, textStatus, errorThrown) {
              alert('Error - ' + errorThrown);
          }
      });
  });
  </code></pre>
  
  <p></p>