title: using jquery to read an Asp.net arraylist
body: <p>I have a web method in ASP.net which it's output is an ArrayList and read cities from databse.
  this web method is called using jquery.</p>
  
  <pre><code>$.ajax(
      { url: "../AjaxServices/StateCity.asmx/showcity",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          type: "POST",
          data: '{s: ' + $('#&lt;%=DpState.ClientID%&gt;').val() + '}',
          success: function(data) {
  </code></pre>
  
  <p>}</p>
  
  <p>I wanna know how to loop through <code>data</code>, because the data is object.
  I knew about </p>
  
  <pre><code>jQuery.each( collection, callback(indexInArray, valueOfElement) )
  </code></pre>
  
  <p>but doesn't work</p>