title: MVC hiding/showing a partial view with a form on another form, save issue
body: <p>I have a form in a view that has a partial view hidden when the application launches because it is only shown when a user clicks a certain link. I am using RenderAction within the hidden div, and maybe that is the wrong way to go about this. The partial view is another form (from another model) that they must submit before submitting the main form (only if they click the link). When the user clicks the Assign link, the main save button disappears and the partial view is unhidden with the new save button. My issue is that the Submit button on my main page is not working when I do not care about the partial view, but rather the button on my partial view is acting as the main save button and the main save button does nothing. What am I doing wrong? </p>
  
  <pre><code>    $(document).ready(function () {
  
          //hide the partial view
          $('#assignment').hide();
  
         //hide the main save button and show the partial view
         $('.lauch-quick-assign').on('click', function (event) {
             $('#main-save-edit').hide();
             $('#assignment').show();
         });
  
      });
  </code></pre>
  
  <p>My View:</p>
  
  <pre><code>    @using (Html.BeginForm())
      {
          //main form area    
  
         &lt;a href="#" class="lauch-quick-assign"&gt;Assign&lt;/a&gt;
  
         &lt;div id="assignment"&gt; //this partial views form is acting as the main save button, but is not saving itself
             @{Html.RenderAction("Assign", "Assignment", new { ID = Model.InfoId});}
         &lt;/div&gt;
  
         &lt;p&gt;  //not working
            &lt;input type="submit" value="Save" id="main-save-edit"/&gt;
         &lt;/p&gt;
  
  
      }
  </code></pre>