title: how to append the list using jquery
body: <p>Basically, i try to append a list using jquery. Each element in this list is connected to a different link. This is what i done</p>
  
  <pre><code>for (i=0; i &lt;data.length ; i++ ){
  
          var a = $('&lt;a /&gt;');
          a.attr('href','https://example.com/browse/' + data[i].key);
          a.text(data[i].name);
  
  
          $("#list-of-project ul").append("&lt;li&gt;").append(a).append("&lt;/li&gt;");
  
  
      }
  </code></pre>
  
  <p>"data" here is an JSON array i get from REST having key and name attribute.
  However, using this , i got output like this <a href="https://i.stack.imgur.com/wqEdO.png" rel="nofollow noreferrer">unwanted result</a>. The element not at the same line with the list points.
  I want the text to be at the same line with the list points. Any help??</p>