//Вот так регионы создаются в шаблоне
<h5 style="margin-bottom: 10px;padding-bottom: 0px;padding-top:140px">Выберите регион</h5>
    <ul class="nav nav-pills col-md-12" style="padding-bottom: 0px;padding-top:10px">
        {% for region in regions %}
           <li class="pill">
               <a id="region-{{ region.id }}" class="pill-region" data-region="{{ region.id }}">
                  {% if region.search_engine == 'G' %}
                   Google-{{region}}
                   {%else%}
                   Яндекс-{{region}}
                   {%endif%}
               </a>
           </li>
       {% endfor %}
    </ul>

//вот так обрабатывается клик по региону тоже в шаблоне в джс, проверила, клик работает
$("#positions").on("click", ".pill-region", function(){
        $(this).parent().toggleClass("active");
    });

//вот так загружаем первый регион
$('.pill:first-child a').click();

//вот так передаем данные на сервер (не работает)
var regions=[]
    $(".pill").each(function(){
        if ($(this).hasClass("active")){
            regions.push($(this).children().find(".pill-region").data("region_id"));
            console.log($(this).children().find(".pill-region").data("region"));
        }
    });

    data = {};
    data.regions = JSON.stringify(regions);
    console.log(regions);