legend.html

<div id="legend" class="panel panel-default">
  <div class="panel-heading">Select type(s):</div>
  <ul class="list-group">
    <li class="list-group-item active"><span class="glyphicon glyphicon-ok"></span><i class="red-circle marker-circle"></i>Cities
      <input type="hidden" name="City" value="1" class="type_filter"/>
    </li>
    <li class="list-group-item active counties-trigger"><span class="glyphicon glyphicon-ok"></span><i class="grey-line"></i><!--<span class="counties-title">-->Counties<!--</span>--></li>
    <li class="list-group-item active"><span class="glyphicon glyphicon-ok"></span><i class="blue-circle marker-circle"></i>School Districts
      <input type="hidden" name="School District" value="1" class="type_filter"/>
    </li>
    <li class="list-group-item active"><span class="glyphicon glyphicon-ok"></span><i class="purple-circle marker-circle"></i>Special Districts
      <input type="hidden" name="Special District" value="1" class="type_filter"/>
    </li>
  </ul>
</div>