title: How to designate a url to a radio button selection
body: <p>I have a view with a content area. What I want to do is load a partial view into that div area, depending on which radio button is selected.  I am pretty new to all of this, but I have spent some time looking at similar examples.  I have gotten this to work with buttons, but radio buttons look a bit more professional</p>
  
  <p>Index View (which partial views will be loaded)</p>
  
  <pre><code>&lt;fieldset id="partials"&gt;
      @Html.RadioButton("partials", false, new { id = "Supplies" }) Add Supplies
      @Html.RadioButton("partials", false, new { id = "Forms" }) Add Forms
  &lt;/fieldset&gt;
  
  &lt;div id="divContent" data-listen="start_date end_date" data-contentrequest="_Summary" data-requestonload="true"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I found some Ajax code, from online, that sort of works . . but I am stuck a bit:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt; 
  $(function () {
      $('#partials input[type=radio]').on('change', function () {                  
          $.ajax({
                       type: "get",
                       cache: false,
                       url: $(this).data('url'),
                       success: function (data, xhr, settings) {
                           $("#divContent").html(data);
                       }
  
                   });
               });
              });
  </code></pre>
  
  <p></p>
  
  <p>AS IS - No matter what radio button is selected, the Index View loads itself within the divContent area.  </p>
  
  <p>What I want to do is load ICSNewOrders/AddSupplies (partial view) if the 'Supplies' radio option is selected, and load the ICSNewOrders/AddForms (partial view) if the 'Forms' radio option is selected</p>
  
  <p>I know that somehow I need to send the url from each radio option to the Ajax - I just don't know how.  </p>
  
  <ol>
  <li><p>Where in the Radio Button can I overload it with the url?  I have tried many different ways without success. </p></li>
  <li><p>Will that automatically send the specific url to the Ajax, or is there another step?</p></li>
  </ol>
  
  <p>I have gotten this to work with buttons, easy enough</p>
  
  <pre><code>&lt;div&gt;
  &lt;button data-url='@Url.Action("AddForms","ICSNewOrders")'&gt;Add Forms To Order&lt;/button&gt;
  &lt;button data-url='@Url.Action("AddSupplies","ICSNewOrders")'&gt;Add Supplies To Order&lt;/button&gt;
  </code></pre>
  
  <p></p>
  
  <p>I am not having any luck doing the same for Radio Button.</p>
  
  <p>Update:  As requested, I am adding the final html rendered version of radio buttons</p>
  
  <pre><code>&lt;fieldset id="partials"&gt;
      &lt;input id="Supplies" name="partials" type="radio" value="False" /&gt; Add Supplies
      &lt;input id="Forms" name="partials" type="radio" value="False" /&gt; Add Forms
  
  &lt;/fieldset&gt;
  </code></pre>