title: Partial page inside colorbox fails to trigger onclick handler of radio buttons
body: <p>In my index page I have</p>
  
  <pre><code>&lt;a class='popup' href='@Url.Action("Add", "Alert")'&gt;Add New&lt;/a&gt;
  </code></pre>
  
  <p>I have a section script at the end of the cshtml file </p>
  
  <pre><code>@section Scripts 
  { 
  &lt;link rel="stylesheet" href="http://www.formmail-maker.com/var/demo/jquery-popup-    form/colorbox.css" /&gt;
  
  &lt;style&gt;
      #cboxOverlay{ background:#666666; }
  &lt;/style&gt;
  
  &lt;script type="text/javascript" src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
      $(document).ready(function () {
          $(".popup").colorbox({ opacity: 0.85, iframe: true, fastIframe: false, width:    "450px", height: "480px", scrolling: false });
  });
  
  function ddUserClicked() { 
  {
      alert('user button, selected!'); 
  }
  
  function ddEntityClicked() {
      alert('entity button, selected!');
  }
  
  &lt;/script&gt;
  
  }
  </code></pre>
  
  <p>This works fine. When the Add (action method) Alert (controller) is invoked, it returns a partial page that happily fills the colorbox at the center of the page.</p>
  
  <p>In the colorbox I have two radio buttons. I was hoping to use the onclick event so that they can invoke the functions I implemented from the originating view, ddUserClicked() and ddEntityClicked().</p>
  
  <p>But this does not work. </p>
  
  <p>The partial page script is </p>
  
  <pre><code>@model WellRoute.Web.Models.CreateAlertModel
  
  @{
      ViewBag.Title = "Add New Alert";
  }
  
  &lt;h2&gt;@ViewBag.Title&lt;/h2&gt;&lt;br /&gt;
  
  @using (Html.BeginForm("Add", "Alert", FormMethod.Post))
  {
  &lt;fieldset&gt;
      &lt;legend&gt;New Alert&lt;/legend&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;@Html.Label("Type")&lt;/td&gt;
              &lt;td&gt;
                  @Html.RadioButtonFor(m =&gt; m.IsUserAlert, true, new { onclick = "ddUserClicked(); ", })User Alert
                  @Html.RadioButtonFor(m =&gt; m.IsUserAlert, false, new { onclick = "ddEntityClicked()", })Entity Alert
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;@Html.Label("User")&lt;/td&gt;
              &lt;td&gt;
                  @Html.DropDownListFor(m =&gt; m.SelectedValue, new SelectList(Model.Users, "Id", "EmailAddress"), new { style = "width:250px;" })
                  @Html.DropDownListFor(m =&gt; m.SelectedValue, new SelectList(Model.Entities, "Id", "Name"), new { style = "width:250px; visibility:hidden;"     })
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;@Html.Label("Message")&lt;/td&gt;
              &lt;td&gt;@Html.TextAreaFor(m =&gt; m.Message, new  { style = "width:250px; height:100px" })&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
      &lt;p&gt;
          &lt;input type="submit" value="Save" /&gt;
          &lt;input type="submit" value="Cancel" /&gt;
      &lt;/p&gt;
  &lt;/fieldset&gt;
  }
  </code></pre>