title: How to bind a new list of values to UL when Onchange event of Select option is fired using knockout.js?
body: <p>In my spa, after page loaded event ul showing some list of values from database successfully.
  Below is the code</p>
  
  <pre><code>&lt;ul data-role="listview" data-divider-theme="b" data-inset="true" data-bind="foreach: Cs"&gt;
      &lt;li data-theme="c"&gt;
          &lt;a href="#page1" data-transition="slide" data-bind="attr: { title: CID }"&gt;
              &lt;span data-bind="text: FName + ' ' + LName +')'"&gt;&lt;/span&gt;
          &lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  
  function SSSmodel() {
      var self = this;
      self.Cs = $.parseJSON(localStorage["CsTab"]);
      self.SearchCs = function () {
          alert("Onchange event is fired");
      }
   };
  </code></pre>
  
  <p>While firing Onchange event in select then it calling 'SearchCs' in above function and showing alert also successfully .But i don't know how to bind new list of values to ul in that function?? below is select option code.It doesn't show any error.</p>
  
  <pre><code>&lt;select id="ddlClassify" name="" data-theme="c" data-bind="event: {change: SearchCs}, options: ClassifiyData, optionsValue: 'ClassifyID', optionsText: function (i) { return i.Classify + ':' + i.Position }, optionsCaption: 'All'"&gt;
  </code></pre>
  
  <p>After page loaded event, binding some datas to UL and it showing that data in webpage successfully. But I don't know How to bind a new list of values to UL when Onchange event of Select option is fired? </p>
  
  <p>Please guide me friends.</p>