title: find keyboard is visible using jquery
body: <p>Hi I have developed android phonegap app which is responsive.So when keyboard is visible i need to hide the footer in portrait and landscape mode and keyboard is not visible i need to show the footer in both the mode.I have tried the sample but its not working fine.If i open the app in portrait mode i cant able to find the footer in landscape mode when keyboard is not visible.</p>
  
  <p>Here is my sample code:</p>
  
  <pre><code>var is_keyboard = false;
  var is_landscape = false;
  var initial_screen_size = window.innerHeight;
  
  /* Android */
  window.addEventListener("resize", function() {
  is_keyboard = (window.innerHeight &lt; initial_screen_size);
  is_landscape = (screen.height &lt; screen.width);
  if (is_keyboard) 
  {
      $("#footer1").hide();
  }
  else
  {
      $("#footer1").show();
  }
  
  }, false);
  </code></pre>
  
  <p>Please guide me.Thanks in Advance.</p>