Как получить названия выбранных элементов checkbox?

Question

[Андрей]

Подскажите как выводить в соседнем блоке название из тега label.
Пример на JSfiddle

<ul class="ctf--b-filt-check-list">
          <li>
            <input type="checkbox" id="idchkk_2_1_0" value="11772">
            <label for="idchkk_2_1_0">
              <i></i>
              ЗУБР
            </label>
          </li>
          <li>
            <input type="checkbox" id="idchkk_2_1_1" value="11780">
            <label for="idchkk_2_1_1">
              <i></i>
              ИСТОК
            </label>
          </li>
          <li>
            <input type="checkbox" id="idchkk_2_1_2" value="11785">
            <label for="idchkk_2_1_2">
              <i></i>
              DELTA
            </label>
          </li>
        </ul>
        <div id="log"></div>
        <div id="msg"></div>

JS

$( '.ctf--b-filt-check-list input' ).on( 'click', function() {
  // Считаю кол-во выбранных элементов
  $( '#log' ).html( 'Выбрано: ' + $( 'input:checkbox:checked' ).length );
  
  array = [];
  // перебираю выбранные элементы и добавляю их в массив
  for (i=0;i<$( 'input:checkbox:checked' ).length;i++) {
      array.push( $( 'input:checkbox:checked' )[i] );
  }
  console.log(array[0]);
  // Вывожу выбранные элементы
  $( '#msg' ).html( 'Названия: ' + array );
});

Answer 1

[abberati]

тык

Answer 2

[Kovalsky]

В свой массив складывайте не инпуты, а текст из лейблов