title: zoom-in & zoom-out is not working in chrome
body: <p>I have 2 buttons (zoom-in &amp; zoom-out), on zoom-in button click the <code>#Page</code> div should zoom in and on zoom-out button click the <code>#Page</code> div should zoom out.
  For this I have written following javascript,</p>
  
  <p>for zoom out button</p>
  
  <pre><code>$("#zoomout").click(
      function(e){
          $("#Page").css( "zoom", "1" );
          $("#Page").css( "-o-transform", "scale(1,1)" );
          $("#Page").css( "-moz-transform", "scale(1,1)" );
          $("#Page").css( "-webkit-transform", "scale(1)" );
          e.preventDefault();     
  });
  </code></pre>
  
  <p>for zoom in button </p>
  
  <pre><code>$("#zoomin").click(
      function(e){        
          $("#Page").css( "zoom", "2.4" );
          $("#Page").css( "-o-transform", "scale(2.4,2.4)" );
          $("#Page").css( "-moz-transform", "scale(2.4,2.4)" );
          $("#Page").css( "-webkit-transform", "scale(2.4)" );
          e.preventDefault();
  });
  </code></pre>
  
  <p>This script working fine on Mozilla Firefox browser,
  but not working on Google Chrome browser. How can I resolve this problem ?</p>