MVC :: Update A Dropdown List In 2 RC 2 View

I was trying to implement a dynamic update of a dropdown list in an ASP.NET.MVC2 RC 2 view. My code didn't work. So, in order to verify my approach, I resorted to a published code, which supposedly should be correct: In the View:

<%= Html.DropDownList("Numbers",(IEnumerable<SelectListItem>)ViewData["Services"]) %>
<select id="Select1">
</select>
<input type="button" id="Button1" value="Fill By Array" />
<script language="javascript" type="text/javascript">
$(function() {
$("#Button1").click(function(e) {
e.preventDefault();
var data = [];
$.getJSON("/Home/GetListViaJson", null, function(data) {
data = $.map(data, function(item, a) {
return "<option value=" + item.Value + ">" + item.Text + "</option>";
});
$("#Select1").html(data.join(""));
});
});
});
</script>
In the Controller:
[HandleError]
public class HomeController : Controller
{
public ActionResult Index()
{
//ViewData["Message"] = "Welcome to ASP.NET MVC!";
ViewData["Numbers"] = GenerateNumbers();
return View("Index");
}
[AcceptVerbs(HttpVerbs.Get)]
public JsonResult GetListViaJson()
{
return Json(GenerateNumbers());
}
private static List<SelectListItem> GenerateNumbers()
{
var numbers = (from p in Enumerable.Range(0, 20)
select new SelectListItem
{
Text = p.ToString(),
Value = p.ToString()
});
return numbers.ToList();
}
public ActionResult About()
{
return View();
}
}

The Html.DropDownList was correctly populated on PageLoad() event. But the GetListViaJson() action method, when called on the button event, did not update the "Select1" element. how to solve this update problem.