title: p:fileDownload not working with h:head
body: <p>I have a <code>&lt;p:download&gt;</code> like this:</p>
  
  <pre><code>&lt;h:form id="form1"&gt;
      &lt;p:commandButton id="downloadLink" value="Download" ajax="false" onclick="PrimeFaces.monitorDownload(start, stop)"   
          icon="ui-icon-arrowthichk-s" actionListener="#{search.downloadActionListener}"&gt;   
          &lt;p:fileDownload value="#{search.dwnloadFile}" /&gt;  
      &lt;/p:commandButton&gt; 
  &lt;/h:form&gt;
  </code></pre>
  
  <p>It doesn't work. The download button just reloads the page and doesn't show the <em>Save As</em> dialog. After checking every single thing, I came to know that if I remove the <code>&lt;h:head&gt;</code> tag from the page, then it starts to work.</p>
  
  <p>I can't work without <code>&lt;h:head&gt;</code> as PrimeFaces look'n'feel and all ajax functionality depends on it.</p>
  
  <hr>
  
  <p><strong>Update</strong>: the generated HTML <code>&lt;head&gt;</code> with <code>&lt;h:head&gt;</code> is like this:</p>
  
  <pre><code>&lt;head&gt;
      &lt;link href="/Project2.0/javax.faces.resource/themes/sam/theme.css.xhtml?ln=icefaces.ace" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="/Project2.0/rfRes/skinning.ecss.xhtml?db=eAG7mShzEgAFjAIg" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="/Project2.0/javax.faces.resource/primefaces.css.xhtml?ln=primefaces" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="/Project2.0/javax.faces.resource/jquery/jquery.js.xhtml?ln=primefaces" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="/Project2.0/javax.faces.resource/primefaces.js.xhtml?ln=primefaces" type="text/javascript"&gt;&lt;/script&gt;
      &lt;link href="/Project2.0/javax.faces.resource/dock/dock.css.xhtml?ln=primefaces" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="/Project2.0/javax.faces.resource/dock/dock.js.xhtml?ln=primefaces" type="text/javascript"&gt;&lt;/script&gt;
      &lt;link href="/Project2.0/javax.faces.resource/layout/layout.css.xhtml?ln=primefaces" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="/Project2.0/javax.faces.resource/layout/layout.js.xhtml?ln=primefaces" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="/Project2.0/javax.faces.resource/jsf.js.xhtml?ln=javax.faces" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="/Project2.0/javax.faces.resource/icepush.js.xhtml?v=9261182" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="/Project2.0/javax.faces.resource/bridge.js.xhtml?v=9261182" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;document.documentElement.isHeadUpdateSuccessful=true;&lt;/script&gt;
      &lt;style type="text/css"&gt;.ice-blockui-overlay {position: absolute;background-color: white;z-index: 28000;opacity: 0.22;filter: alpha(opacity = 22);}.ice-status-indicator-overlay {position: absolute;background-color: white;z-index: 28000;opacity: 0.22;filter: alpha(opacity = 22);}&lt;/style&gt;
      &lt;script src="/Project2.0/javax.faces.resource/compat.js.xhtml" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="/Project2.0/javax.faces.resource/icefaces-compat.js.xhtml" type="text/javascript"&gt;&lt;/script&gt;
      &lt;title&gt;
          Project
      &lt;/title&gt;
      &lt;link href="../Styles/Site.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="../Styles/jquery-ui-1.8.6.custom.css" rel="stylesheet" type="text/css" /&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>and without <code>&lt;h:head&gt;</code> it's like this:</p>
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;
          Project
      &lt;/title&gt;
      &lt;link href="../Styles/Site.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="../Styles/jquery-ui-1.8.6.custom.css" rel="stylesheet" type="text/css" /&gt;
  &lt;/head&gt;
  </code></pre>