title: Ajax request with @form doesn't work when another form is on the page
body: <p>I have the following script for a button in footer of my page, which will trigger an ajax request to show/hide a popup:</p>
  
  
  
  <pre><code>var updateState = function() {
          var footerDiv = $(".ui-footer").first();
          jsf.ajax.request(footerDiv, footerDiv, {
              render : "@form",
              execute : "@form",
              onevent : function(event) {
                  if (event.type == "event" &amp;&amp; event.status == "success") {
                      footer.initFooterButtons();
                      footer.ResizeAll();
                      footerDiv.trigger("reload");
                  }
              },
              onerror : handleError
          });
      };
  </code></pre>
  
  <p>This works well. But when I add another form to the page (which is above the footer in the DOM), then the popup will not show/hide, instead the page gets reloaded. I guess it has to do with the <code>execute: "@form"</code>.</p>
  
  <p>Any ideas?</p>