title: Change input's placeholder's style-attributes for iOS through jQuery
body: <p>For other browsers, simply setting <code>#input-element { color: red; }</code> is sufficient to also color an input's placeholder text (<code>&lt;input type="text" placeholder="foo" /&gt;</code>).</p>
  
  <p>However, <strong>this is not the case on iOS</strong>; which requires the following instead (perhaps more appropriate, but still): </p>
  
  <pre><code>#input-element::-webkit-input-placeholder { color: red; }
  </code></pre>
  
  <p>Fine, that's no problem. However, I'm trying to do this with jQuery, without much success. I've tried the following:</p>
  
  <pre><code>$("#input-element::-webkit-input-placeholder").css('color', 'red');
  $("#input-element").css('::-webkit-input-placeholder', 'color: red'); // not according to .css documentation: I'm aware
  </code></pre>
  
  <p>However, none of these did any change. I'm trying to avoid appending (<code>$(head).append("&lt;style&gt;..");</code> the style directly to the document.</p>
  
  <p><strong>How to change an input's placeholder style-attributes trough jQuery – maintaining iOS compatibility?</strong></p>