title: Applying styles on ul li elements jquery
body: <p>Hi I have a json object with which I am creating unordered list of elements.It's pretty straightforward.</p>
  
  <p>So far I have this simple script.</p>
  
  <pre><code> var data_to_send = $("#form1&gt;div").find('input[name = "txt1"]').val();
   var data = ["Argentina", "Uk", "USA"];
   var obj = $("#div1");
   obj.append("&lt;ul class='outerul'&gt;");
   $.each(data, function (index, value) {
      obj.append("&lt;li class='outerclass'&gt;" + value + " : " + index + "&lt;/li&gt;");
   });
   obj.append("&lt;/ul&gt;");
  
   $('ul.outerul').css('list-style-type', 'square'); ??How can I apply style here
  </code></pre>
  
  <p>Now I am trying to apply style to li element which I am not able.Also any idea how to toggle the elements on click.</p>