Separate each description for each div
<p>This code work fine but I have a problem. When I click on each element, starting with the first, my description will appear in the order. But when I click on the fifth description(for example), it is only the first description that appears. Thanks for your response.</p>

<p>That's my new code below :</p>

<pre><code>$(function() {

var works = new Array();

works[0] = new Array('facebook.png','Text description 0.','http://www.facebook.com/');
works[1] = new Array('adobe.png','Text description 1.','http://www.adobe.com/');
works[2] = new Array('microsoft.png','Text description 2.','http://www.microsoft.com/');
works[3] = new Array('sony.png','Text description 3.','http://www.sony.com/');
works[4] = new Array('dell.png','Text description 4.','http://www.dell.com/');
works[5] = new Array('ebay.png','Text description 5.','http://www.ebay.com/');
works[6] = new Array('digg.png','Text description 6.','http://www.digg.com/');
works[7] = new Array('google.png','Text description 7.','http://www.google.com/');

//Random works
var shuffle = false;

works.sort(function(){

  if (shuffle == true) {
    return 0.7 - Math.random();
  } else {
      return false;
    }   

});
//End random works

for ( var i = 0; i &lt; works.length; i++ ){

// Create the divs with those ID and CLASS
var work = document.createElement('div');
    work.id = 'workId' + i;
    work.className = 'work';

var workFlip = document.createElement('div');
    workFlip.id = 'workFlipId' + i;
    workFlip.className = 'workFlip';

var workData = document.createElement('div');
    workData.id = 'workDataId' + i;
    workData.className = 'workData';    

var workDescription = document.createElement('div');
    workDescription.id = 'workDescriptionId' + i;
    workDescription.className = 'workDescription';

var workURL = document.createElement('div');
    workURL.id = 'workURLId' + i;
    workURL.className = 'workURL';

    // Insert the content in the respective div
    document.getElementById("workListId").appendChild(work);
    document.getElementById("workId" + i).appendChild(workFlip);
    document.getElementById("workId" + i).appendChild(workData);
    document.getElementById("workDataId" + i).appendChild(workDescription);
    document.getElementById("workDataId" + i).appendChild(workURL);

    // Insert the HTML content
    workFlip.innerHTML ='&lt;img src="img/works/' + works[i][0] + '" &gt;';
    workDescription.innerHTML = works[i][1];
    workURL.innerHTML = '&lt;a href="' + works[i][2] + '" &gt;Read more...&lt;/a&gt;';

}//End for
}); // End Function
</code></pre>
