title: fetch multiple checked values from ul li in jquery
body: <p>I have included given code</p>
  
  <pre><code>&lt;ul class="checkboxes"&gt;
    &lt;li class=" "&gt;
      &lt;label title="" for="option-0"&gt;
        &lt;input type="checkbox" aria-selected="true" title="" value="All" name="country" id="option-0"&gt;&lt;i&gt;All&lt;/i&gt;
      &lt;/label&gt;
    &lt;/li&gt;
    &lt;li class=" "&gt;
      &lt;label title="" for="option-1"&gt;
        &lt;input type="checkbox" title="" value="1" name="country" id="option-1" aria-selected="true"&gt;&lt;i&gt;test&lt;/i&gt;
      &lt;/label&gt;
    &lt;/li&gt;
    &lt;li class=" "&gt;
      &lt;label  title="" for="option-2"&gt;
        &lt;input type="checkbox" title="" value="2" name="country" id="option-2" aria-selected="true"&gt;&lt;i&gt;abcd&lt;/i&gt;
      &lt;/label&gt;
    &lt;/li&gt;
    &lt;li class=" "&gt;
      &lt;label  title="" for="option-3"&gt;
        &lt;input type="checkbox" title="" value="3" name="country" id="option-3" aria-selected="true"&gt;&lt;i&gt;loreum&lt;/i&gt;
      &lt;/label&gt;
    &lt;/li&gt;
    &lt;li class=" "&gt;
      &lt;label  title="" for="option-4"&gt;
        &lt;input type="checkbox" title="" value="4" name="country" id="option-4" aria-selected="true"&gt;&lt;i&gt;ipsum&lt;/i&gt;
      &lt;/label&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to fetch checked values from list for eg: If have I have selected ipsum loreum and test then how i will fetch these texts through jquery. Please help me out. Thanks in advance</p>