How to return Json data to a partial view
<p>I have an index page that uses a layout page. On the index page I have a dropdown and a div section
 for hosting partial views. I am doing it this way because I plan to have about 4 links and the 4 links
 will load different partial views. </p>

<pre><code>         &lt;div class="selectOption1" id="custNum"&gt;
               &lt;label for="ddlCustomerNumber"&gt;Customer #:&lt;/label&gt;
               &lt;select id="ddlCustomerNumber" name="ddlCustomerNumber"&gt;
                 &lt;option value="1001"&gt;1001&lt;/option&gt;
                 &lt;option value="1002"&gt;1002&lt;/option&gt;
                 &lt;option value="1003"&gt;1003&lt;/option&gt;
                 &lt;option value="1004"&gt;1004&lt;/option&gt;    
               &lt;/select&gt;
        &lt;/div&gt;


        &lt;div id="pageContent"&gt;&lt;/div&gt;
</code></pre>

<p>In the script section of the html I am making an Ajax call
 that will fetch jason data and then bind the fields retrieved
 on the controls that exist in my loaded partial view. This simple means 
 that in my partial view I have textboxes for customerfirstname,customerlastname and address.</p>

<pre><code>         $('#ddlCustomerNumber').change(function () {         
                $.ajax({
                    url: '@Url.Action("PopulateTextBoxes", "Home")',
                    type: "GET",
                    data: {
                        "customerNumber": $(this).val(),
                        "Country": $("#divcountry").text().trim()
                    },
                    success: function (data) {
                        if (data != null) {
                            for (var x = 0; x &lt; data.length; x++) {
                                $("#Customerfirstname").val(data[x].customerfirstname);
                                $("#Customerlastname").val(data[x].Customerlastname);
                                $("#Address").val(data[x].Address);                        
                            }
                        }
                    }
                });

            });
</code></pre>

<p>Here is the method that gets me the json data that I plan to bind to controls 
in my partial view.</p>

<pre><code>              public ActionResult PopulateTextBoxes(Int32 customerId, string country)
                {
                    try
                    {
                        var relatedCustomerInfo = GetOtherCustomerInfo(customerId, country, sRadSelection);
                        return Json(relatedCustomerInfo, JsonRequestBehavior.AllowGet);
                    }
                    catch (Exception ex)
                    {
                        logger.Error(ex);
                        return View("Error");
                    }

                }
</code></pre>

<p>Question: I know I can return a partialview from my PopulateTextBoxes method but because I am already
returning json this is not possible. How can I return this json data to my partial view.</p>