title: Inserting random div class into id
body: <p>Previously I have used Math.random() to load, say, a random image into a div. I want to use this again but I am no jQuery expert I don't know if this is possible. I have some div IDs positioned absolutely, and some classes (.content) I want to randomnly select and load into those IDs. So:</p>
  
  <pre><code>&lt;div id="veh1" class="abs"&gt;&lt;/div&gt;
  &lt;div id="veh2" class="abs"&gt;&lt;/div&gt;
  
  .abs { position: absolute }
  
  &lt;div class="content"&gt;ONE&lt;/div&gt;
  &lt;div class="content"&gt;TWO&lt;/div&gt;
  &lt;div class="content"&gt;THREE&lt;/div&gt;
  &lt;div class="content"&gt;FOUR&lt;/div&gt;
  
  .content { display: none }
  </code></pre>
  
  <p>To end up with </p>
  
  <pre><code>&lt;div id="veh1" class="abs"&gt;&lt;div class="content" style="display: block"&gt;TWO&lt;/div&gt;&lt;/div&gt;
  &lt;div id="veh2" class="abs"&gt;&lt;div class="content" style="display: block"&gt;FOUR&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I know I could do something like this with the relevant Math.random() and .show() script.</p>
  
  <pre><code>&lt;div id="veh1" class="abs"&gt;
  &lt;div class="content" style="display:block"&gt;ONE&lt;/div&gt;
  &lt;div class="content" style="display:none"&gt;TWO&lt;/div&gt;
  &lt;div class="content" style="display:none"&gt;THREE&lt;/div&gt;
  &lt;div class="content" style="display:none"&gt;FOUR&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I could do that for each ID and load within various predetermined contents , though it kind of defies the point of it being entirely random and I doubt that would be the best way of doing this. I have searched around but found no examples of how it could be done.</p>