title: How to render Partial View in MVC3
body: <p>I am trying to render partial view in my application and could not display the value. Here is what my View looks like.</p>
  
  <p>My Main Index View</p>
  
  <pre><code> &lt;div id="RPPricingNameModel"&gt;
       @Html.Partial("RPPricingPlanNames")
   &lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      $("#RPPricingNameModel").load("/Home/GetPlanNameModel");    
  &lt;/script&gt;
  </code></pre>
  
  <p>Partial View</p>
  
  <pre><code>@model PlanNameModel     
  &lt;table style= "vertical-align:top; left:0px; top:0px; position:absolute; border-width:1px; border-style:solid; border-color:Green;  width:130px; text-align:left;"&gt;    
      &lt;tr&gt;
          &lt;td style=" font-size:15px; font-weight:bold; color:Black;"&gt;            
              @Model.Header
             &lt;div&gt;            
                    @Html.LabelFor(x =&gt; x.Header)               
             &lt;/div&gt;   
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;table&gt;
  </code></pre>
  
  <p>Here is the controller that returns the view.</p>
  
  <pre><code>public ActionResult GetPlanNameModel()
  {
     PlanNameModel planNameModel = new PlanNameModel();
     planNameModel.Header = "Plans";
     //return View(planNameModel);
     return PartialView(planNameModel);   
  }
  </code></pre>
  
  <p>Here is code for Model</p>
  
  <pre><code>public class RPPricingPlanNameModel
  {
    public string Header { get; set; }
  }
  </code></pre>
  
  <p>When I try to display the value in TD, it does not show anything.
  Can you please help me with this?</p>