Text content randomising on load

So far I have managed to randomise images on load, but for some reason when looking for text classes it doesn't input the data where I am saying for it to go, as when you refresh the page different areas populate with different text. When pasting into console to text it just lists out the object array. If you could point out where I have gone wrong that would be great. HTML and Script is below.

var text_boxes = [{
  number: "2",
  sub_title: "Marketers",
}, {
  number: "75%",
  sub_title: "Average sales increase",
}, {
  number: "4",
  sub_title: "Developers",
}, {
  number: "6",
  sub_title: "Full Time",
}, {
  number: "45",
  sub_title: "Sites Launched",
}, {
  number: "2",
  sub_title: "Marketers",
}];

var arr3 = [];

$.each(text_boxes,
  function(i, el) {
    setTimeout(function() {
      arr3.push(el);
      if (arr3.length === text_boxes.length) {
        $(".item").hasClass(".text", function(i) {
          $(this).next('.has-text').find('.number span').text(arr3[i].number);
          $(this).next('.has-text').find('.sub-title span').text(arr3[i].sub_title);
        });
      }
    }, 1 + Math.floor(Math.random() * 5));
  });

<script src="http://ift.tt/1qRgvOJ"></script>
<div class="item small has-text small-offset-large">
  <div class="inner">
    <a href="" class="">
      <div class="text">
        <div class="title number">
          <span>2</span>
        </div>
        <div class="sub-title">
          <span>Marketers</span>
        </div>
      </div>
    </a>
  </div>
</div>