передать строку, содержащую пробелы в JavaScript

У меня есть такой класс div и вы хотите вызвать функцию setlocation, которая установит значение состояния в текстовое поле

<div class="overview over_widt">
    <ul>
        <li class="auto" title="All India"></li>
        {% for state_obj in state_list %}
            <li name="state" class="auto" title="{{state_obj.name}}"><a href="#{{state_obj.id}}" onclick=javascript:setlocation("{{state_obj.name}}")> {{ state_obj.name }}</a></li>
         {% endfor %}
    </ul>

моя функция java-скрипта

function setlocation(name){
    //alert(name);
    $('#id_autocomplete').val(name);
    document.getElementById('city_state').style.display="none"
}

и мое текстовое поле

<input type="text" class="text2" name="location" id="id_autocomplete" placeholder="Enter Location" onfocus="show_div();" onkeyup="div_autocomplete()"/>

Проблема в том, что у меня есть некоторые состояния, у которых в них есть "пробелы", и передача этих параметров создает проблему. Я пробовал передать объект также как

onclick=javascript:setlocation("{{state_obj}}")

но это также не работает.