title: Hide and show div with jquery mobile
body: <p>Well, this is the first time i'm using jquery mobile.
  I'm trying to make a single page mobile app and i have two divs like follows:</p>
  
  <pre><code>&lt;div data-role="page" id="divStart"&gt;
          &lt;div data-role="content"&gt;
              &lt;a id='btnShowSignUp' data-role="button" href='#' onclick="ShowSignUp();"&gt;Sign Up&lt;/a&gt;
              &lt;a id='btnShowSignUp' data-role="button" href='#' onclick="ShowLogin();"&gt;Login&lt;/a&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  &lt;div data-role="page" id="divSignUp" style='display: none'&gt;
          &lt;div data-role="content"&gt;
              &lt;form id='formSignUp' method='POST'&gt;
                  &lt;div data-role="fieldcontain"&gt;
                      &lt;label for="name"&gt;Name&lt;/label&gt;
                      &lt;input name="name" id="name" type="text"&gt;
                      &lt;label for="email"&gt;E-mail&lt;/label&gt;
                      &lt;input name="email" id="email" type="text"&gt;
                      &lt;label for="pass"&gt;Pass&lt;/label&gt;
                      &lt;input name="pass" id="pass" type="password"&gt;
                  &lt;/div&gt;
                  &lt;a data-role="button" href="#" onclick='SignUp();'&gt;Save&lt;/a&gt;
              &lt;/form&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When i click the button 'btnShowSignUp', i call the function:</p>
  
  <pre><code>function ShowSignUp(){
      $('#divStart').hide();
      $('#divSignUp').show();
  }
  </code></pre>
  
  <p>My problem: when i click the button, the 'divStart' disappear and the 'divSignUp' shows up, but it misses some of its jquery mobile attributes. Why is this happening?</p>
  
  <p>Thanks!</p>