title: Find value in <li> from ajax
body: <p>I am calling Ajax via function. When the ajax has been completed, it unable to find value in <code>&lt;li&gt;</code></p>
  
  <p>A Function that use ajax:</p>
  
  <pre><code>function findList(postCode) {
          $.getJSON("/list/" + postCode,
              function(data) {
                  if (data.length &gt; 1)
                  {
                      $.each (data, function (index, element) {
                          if (element != "address") {
                              $('#order-list-form').append($("&lt;li&gt;&lt;/li&gt;").attr("value",data[index].value).text(data[index].name));
                          }
                      });
                  }
              });
  }
  </code></pre>
  
  <p>If a page loaded, find a value from <code>$("#PostCode").val()</code> and then execute <code>findList()</code>, once it has been completed, it need to find a value DUS123 in <code>&lt;li&gt;</code> which has been populated via ajax and then add class <code>selected-address</code> - This don't seem to work.</p>
  
  <pre><code>if ($("#PostCode").val() != "") {
  
     // Execute Ajax
     findList( $("#PostCode").val() )
  
     // Not working here
     // When Ajax completed, I want to find find the value in &lt;li&gt; and add class selected-address
     $("#order-list-form li").find('value="DUS123").addClass("selected-address");
  }
  </code></pre>