title: How to hide HTML elements before they load on the page
body: <p>I have a SharePoint list with a customized "New" and "Edit" forms. I'm using jQuery to hide certain fields on <code>$(document).ready()</code>.</p>
  
  <p>What happens on page load is that you see all the fields shown (for a split second) before they become hidden. It's a little unpleasant to see that flash-like transition. </p>
  
  <p>Is there any way to manipulate the style of the HTML elements before they are loaded? (i.e.: display: none)</p>
  
  <p>Sample code:</p>
  
  <pre><code>$(document).ready() {
      // Hides fields 1 and 3 on page load
      // Users can see it being hidden in fraction of a second
      $('#field-1').hide();
      $('#field-3').hide();
  }
  </code></pre>