title: Bind Json Data To Dropdown List Using Ajax Call
body: <p>I'm developing a windows phone 7 application using phone gap.</p>
  
  <p>In My Project I'm using Web service  to bind data to drop down list.</p>
  
  <p>my html code to bind the data to ID ddlcas</p>
  
  <pre><code>&lt;tr&gt;&lt;td&gt;Caste &lt;/td&gt;&lt;td&gt;&lt;select id="ddlcas"&gt;&lt;/select&gt;&lt;/td&gt;&lt;/tr&gt;
  </code></pre>
  
  <p>my Ajax Call</p>
  
  <pre><code>$.ajax({
  
              type: "GET",
              contentType: "application/json; charset=utf-8",
              url: "xxxxxxxxxxxxxx",
              corssDomain: true,
              dataType: "jsonp",
              success: function (data) {
  
              var result = data;
              $.each(result, function (key, value) {
              var appenddata = "&lt;option value = '" + value.ListKey + " '&gt;" + value.ListValue + " &lt;/option&gt;";
              $('#ddlcas').html($('#ddlcas').html() + appenddata);
               });
  </code></pre>
  
  <p>My Web service Return Data format:</p>
  
  <pre><code>[
   {
    ListKey: "1",
    ListValue: "6000 Niyogi Brahmin"
   },
   {
    ListKey: "2",
    ListValue: "96K Kokanastha"
   },
   {
   ListKey: "3",
   ListValue: "Ad Dharmi"
   }, 
   /*upto 350 cast name */
  ]
  </code></pre>
  
  <p><strong>My problem Is:</strong></p>
  
  <p>If web service Return Data is Small No Problem It's bind Quickly. But If Json Return data is Large Example 350 to 400 data. It's Make Browser Not Responding And Some Alert Come Like Stop Scripting... 
  I Want To Know Where I made Mistake Plz Check And Tell ...</p>