title: jquery append() and container size
body: <p>I'm trying to append a string to a div using Jquery <code>.append()</code> method however the appended text does not fit the size of the box.</p>
  
  <p>I've attached a fiddle showing the example:
  <a href="http://jsfiddle.net/JvYRM/25/" rel="nofollow">http://jsfiddle.net/JvYRM/25/</a></p>
  
  <pre><code>var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
  var tempS = '';
  Object.keys(person).forEach(function(key) {
      console.log(key, person[key]);
       tempS += key+'&amp;'+person[key];
      $('.box').append(key+'&amp;'+person[key]+'&lt;br&gt;');
  
  });
  
   $('.box2').append(tempS);
  </code></pre>