Как распространять события jQuery Mobile, когда открыто всплывающее окно?

Похоже, что никакие события не распространяются на содержимое div, пока всплывающее окно открыто.

Я использую всплывающее окно как предупреждающее сообщение, и я хотел бы оставить его открытым, пока пользователь выполняет другие задачи на странице.

Пример: http://jsfiddle.net/wvVmT/703/

Я хочу, чтобы предупреждение появилось, если вы нажмете на красную область даже после всплывающего окна.

HTML:

<div data-role="page">
    <div data-role="content" id="content" style="background-color:red">
        content
        <a href="#" data-role="button" data-rel="popup" id="message-button">Message</a>
        <div data-role="popup" id="message-popup" data-history="false" data-dismissible="false">popup</div>
    </div>
</div>

JS:

$(function() {
  $( '#message-button' ).click(function()
    {
      $( '#message-popup' ).popup( 'open' );
    }
  );
  $( '#content' ).click(function()
    {
      alert('content');
    }
  )
});