title: jQuery - append ajax result
body: <p>When I have one result from ajax.php I get correct result, but if I have two or more result I can't see result</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
       $(document).ready(function() {
           $('#txt').bind('propertychange keyup input paste',function() {
  
               $('div#text-container').html('');
               var word = $('input#txt').val();
  
               $.ajax({ 
                   type: 'GET', 
                   url: 'ajax.php', 
                   data: { word: word }, 
                   dataType: 'json',
                   success: function (data) { 
                       if (data.text) {
                           var result = "&lt;strong&gt;" + data.word + '&lt;/strong&gt; - ' + data.text
                       } else {
                           var result = "&lt;strong&gt;" + data.word + '&lt;/strong&gt; - ' + "not found"
                       }
                       $('div#text-container').append(result);
                   }
               });
           });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>result example(Coming from ajax):</p>
  
  <pre><code>[{
      "word": "Hell",
      "text": "Hell"
  }, {
      "word": "Hello",
      "text": "Hello"
  }]
  </code></pre>
  
  <p>How can I solve this problem? </p>
  
  <p>Thanks!</p>