title: How to populate loaded content before it's displayed?
body: <p>I'm on <code>index.html</code>, I ajax <code>query.php</code> and get the result. Now how do I populate <code>block.html</code> before loading it into <code>content</code> so that the text does not appear without the color/size information first?</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;div id="content"&gt;&lt;button id="button1" type="button"&gt;click&lt;/button&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>block.html</strong></p>
  
  <pre><code>You selected the color: &lt;div id="color"&gt;&lt;/div&gt;!
  You chose a size of: &lt;div id="size"&gt;&lt;/div&gt;!
  </code></pre>
  
  <p><strong>query.php</strong></p>
  
  <pre><code>$result = array('color' =&gt; 'blue', 'size' =&gt; '12');
  echo json_encode($result);
  </code></pre>