title: How to sort a CheckedListBox
body: <p>I have a <strong>CheckedListBox</strong> that looks like this :</p>
  
  <ul>
  <li>Fruits</li>
  <li>.....<em>Banana</em></li>
  <li>.....<em>Apple</em></li>
  <li>Countries</li>
  <li>Cars</li>
  <li>.....<em>Maruti</em></li>
  <li>.....<em>Toyota</em></li>
  <li>Planes</li>
  <li>Students</li>
  <li>Animals</li>
  </ul>
  
  <p>Though the ones italicized are not actually child nodes but are considered as child nodes of the parent. Eg. <em>Banana</em> &amp; <em>Apple</em> are children of Fruits, so they go together etc.</p>
  
  <p>Direct sort doesn't work as this will not sort keeping the child nodes with their parent.
  I have to sort it in such a way that the child nodes remain with their respective parents, the parents are sorted and so are the children within each parent.</p>
  
  <p>For Eg. the o/p should be</p>
  
  <ul>
  <li>Animals</li>
  <li>Cars</li>
  <li>.....<em>Maruti</em></li>
  <li>.....<em>Toyota</em></li>
  <li>Countries</li>
  <li>Fruits</li>
  <li>.....<em>Apple</em></li>
  <li>.....<em>Banana</em></li>
  <li>Planes</li>
  <li>Students</li>
  </ul>