cómo establecer un valor para un lapso usando JQuery

Cómo establecer un valor para un lapso usando JQuery ..

Por ejemplo ... A continuación se muestra mi lapso

<span id="submittername"></span>

en mi código JQuery ...

 <script type="text/javascript">
jQuery.noConflict();

jQuery(document).ready(function($){

    var invitee = $.ajax({
        type: "GET",
        url: "http://localhost/FormBuilder/index.php/reports/getInvitee/<?=$submitterid;?>",
        async: false
    }).responseText;

    var invitee_email=eval('(' + invitee + ')');
    var submitter_name=$.map(invitee_email.invites, function(j){ 
        return j.submitter;
    });         
    alert(submitter_name); // alerts correctly 
    $("#submittername").text(submitter_name); //but here it is not working  WHy so??????
});

Tu puedes hacer:

$("#submittername").text("testing");

o

$("#submittername").html("testing <b>1 2 3</b>");

Estás usando los jQuery(document).ready(function($) {}medios aquí que estás usando en jQuerylugar de $. Entonces, para resolver su problema, use el siguiente código.

jQuery("#submittername").text(submitter_name);

Esto resolverá tu problema.

Estás buscando la identificación del selector incorrecta:

 $("#submitter").text(submitter_name);

debiera ser

 $("#submittername").text(submitter_name);

Puedes usar esto:

$("#submittername").html(submitter_name);

La solución que funciona para mí es la siguiente:

$("#spanId").text("text to show");