Problema ao passar nomes via URL

Bom dia. Estou com uma dúvida em questão de passar os valores pela URL, exemplo:

	Tenho um select onde contém todas as cidades, quando eu passo o valor das cidades direto no HTML (como o font1), os valores das cidades que possuem mais de um nome Ex: SÃO BENTO DO SUL, são passados na URL desse modo (comarca_id=SÃO+BENTO+DO+SUL), porém quando eu passo os valores das cidades pelo método .append() do jquery (como o font2), a cidade no exemplo SÃO BENTO DO SUL, são passadas pela URL desse modo (comarca_id=SÃO).

	Alguém sabe me explicar o porque ocorre isso?

	 

	Font1

<select name="comarca_id" class="required form-control" id="comarca_id">
	@foreach($comarca as $cm)
 <option value="{{ $cm->name }}"> {{ $cm->name }} </option>
 @endforeach
</select>

	 

	Font2

$.each(busca, function (key, value) {
	$('select[name=comarca_id]').append('<option value=' + value.name + '>' + value.name + '</option>');
});