title: Change print style (landscape , portrait) using jquery
body: <p>Currently I have create 2 css file , to simplify : the main difference between them are:</p>
  
  <p>print.css</p>
  
  <pre><code>@page {
    size: landscape;
  }
  </code></pre>
  
  <p>print_single.css</p>
  
  <pre><code>@page {
    size: portrait;
  }
  </code></pre>
  
  <p>For the html file , it quote one of the css first </p>
  
  <pre><code>&lt;link rel="stylesheet" id ="printCSS" href="css/print.css" type="text/css" media="print" /&gt;
  </code></pre>
  
  <p>Then if it is printing single page , I use jquery to change the path of the css file, otherwise , it will print in landscape  :</p>
  
  <pre><code>    $(doc).ready(function(){
        $('#singlePrint').click(function(){
        $('#printCSS').attr('href','css/print_single.css');
      });    
  });
  </code></pre>
  
  <p>The problem is , it seems only work in Chrome, I tried it on firefox and ie, the css file path is changed, but the css file is not reload , how to fix the problem ? thanks.</p>