Multiple exposed forms on one page Created Mar 4, 2010

Hey all,

I have two forms on one page, each inside a div:

<div id="login">
  <form>...</form>
</div>
<div id="basicsearch">
  <form>...</form>
</div>

I set up expose on those, like this:

$(function() {
  var api_signin = $("#login").expose({maskId: 'mask', lazy: true, api: true});
  $("#login").bind("click keydown", function() {
    api_signin.load();
  });
  var api_basicsearch = $("#basicsearch").expose({maskId: 'mask', lazy: true, api: true});
  $("#basicsearch").bind("click keydown", function () {
    api_basicsearch.load();
  });
})

Now when I click inside the 'login' div, it's exposed. I click outside, the expose closes.
Then I click inside the 'basicsearch' div, it's exposed, I click outside, but the expose does not close.

Any idea why or how I can fix this?