checkbox with javascript && jQuery

See more:

ASP.NET

Javascript

jQuery

MVC3

I will display a view, when I click on checkbox

I tried like this, but not work,
I need your help to fix the problem

Models:

public class DisplayData
   {
       public bool ID { get; set; }
       public DisplayData(bool ID)
       {
          this.ID = ID;
       }
   }

public class Element
{        
    public string Descripcion { get; set; }
}

HomeController:

public ActionResult Index()
    {
       DisplayData Display = new DisplayData(false);
       return View(Display);
    }

Index.cshtml:

@model AppTwitter.Models.DisplayData

  <script src="@Url.Content("~/Scripts/myCheckbox.js")" type="text/javascript"></script>

 @Html.CheckBoxFor(
 x => x.ID, 
 new {
    data_url = Url.Action("PartialDemo", "PartialDemo"), 
    id = "mycheckbox" 
  }

myCheckbox.js:

$(function () {
$('#mycheckbox').change(function () {
    var data = {};
    data[$(this).attr('name')] = $(this).is(':checked');

    $.ajax({
        url: $(this).data('url'),
        type: 'POST',
        data: data,
        success: function (result) {

        }
    });
});
});

PartialDemoController.cs

public ActionResult PartialDemo()
    {                            
            var element = new Element();
            element.Descripcion = "Descripcion";
            return View(element);
    }

PartialDemo.cshtml:

@model AppTwitter.Models.Element

  <div class="editor-label">
       @Html.LabelFor(model => model.Descripcion )
   </div>

   <div class="editor-field">
       @Html.EditorFor(model => model.Descripcion )

       @Html.ValidationMessageFor(model => model.Descripcion )
   </div>

Thanks,