exibindo cidades a partir do estado django

[Sampaio_bs 0]

Eae galera, tudo bem ? 

To tentando realizar um preenchimento de select com ajax, eu diz o titulo, eu seleciono o estado ('uf') e no outro select ele me trás só as cidades pertencentes aquele estado. Só que ele me fala que o cidades não está definida. 

views.py 

def Cidades(request):
    cidades = []
    if request.method == 'GET':
        uf = request.GET.get('uf')
        for cidade in Municipios.objects.filter(uf__uf=uf).order_by('municipio'):
            dados = {}
            dados['pk'] = cidade.id
            dados['descricao'] = cidade.municipio
            cidades.append(dados)
        return JsonResponse(data=cidades, safe=False)
    return JsonResponse(data=cidades, safe=False)

 

urls.py

urlpatterns = [
    path('cidades/', Cidades, name="listagem_cidades"),
]

 

forms.py

'uf': forms.Select(attrs={'data-toggle': 'select2',
                          'class': 'form-control select2-multiple formulario_input',
                          'onchange': 'cidades()'}),

 

html

<div class="col-md-2">
    <div class="form-group mb-2">
        <label for="id_uf" class="col-form-label  requiredField">
            UF<span class="asteriskField">*</span>
        </label>
        {{ form.uf }}
    </div>
</div>
<div class="col-md-6">
    <div class="form-group mb-2">
        <label for="id_cidade" class="col-form-label  requiredField">
            Cidade<span class="asteriskField">*</span>
        </label>
        {{ form.cidade }}
    </div>
</div>

<script>
 $(document).ready(function (){
     function cidades() {
         var vuf = $('#uf_id').val();
         $('#cidade_id').select2({
             ajax: {
                 url: '/ibge/cidades/',
                 data: {uf: vuf},
                 processResults: function(data) {
                     console.log(data)
                     // Transforms the top-level key of the response object from 'items' to 'results'
                     return {
                         results: data.items
                     };
                 }
             }
         });
     }
 })
</script>

Já inverti os id, e o erro persiste. Alguém poderia me ajudar ? 
 

[William Bruno 1501]

tira a função cidades de dentro do $(document).ready(function (){