Set selectOneMenu with Jquery

I'd like to set my selectOneMenu with JQuery. I tried this way but it didn't work. Can anyone help me? Thanks.

<p:selectOneMenu class="estado" id="estado" value="#{pessoaBean.pessoa.estado}" required="true" requiredMessage="O campo Estado é obrigatório.">
                        <f:selectItems value="#{listaBean.estados}" var="estado"
                                       itemValue="#{estado}" itemLabel="#{estado.valor}" /> 
                        <p:message for="estado"/>
                    </p:selectOneMenu> 


  $(document).ready(function(){
    $(".cep").change(function(){   
    var servico = "http://ift.tt/1GHHyPw";
    var cep = $(this).val();
    $.getJSON(servico + cep, function(data){
       $(".estado").val(data.estado);
    });
});

});