Bug en jQuery

Bonjour à tous,

Je bloque sur une erreur dans mon code que je ne comprends absolument pas.
J'ai un <input id='edit_obj'/> dont je veux récupérer la valeur, mais lorsque je fais

console.log($("#edit_obj").val()), ça ne sort absolument rien

Je sais par ailleurs que $("#edit_obj") vaut undefined parce que je m'en sers à différents endroits.
Ce qui me rend dingue c'est que ça a très bien fonctionné toute la journée, mais plus maintenant et il n'y a pas moyen de trouver ce qui déconne...
Quelqu'un a une idée d'où ça peut venir ?

Voilà mon code html :

<div id="ass_obj"><h2 id="obj">Mon objectif :<input id="edit_obj"><i class="fa fa-refresh" onclick="editobjectif('', 2, 840)"></i></h2></div>

sachant que ce code a été généré en jQuery, c'est un popup.

et le jQuery qui a généré ce code :

		 $.ajax(
		 {
		 	data: {idpack: idpack },
			type: "POST",
			dataType: 'json',
			url: "<?php echo HOME; ?>getobj.php", //Relative or absolute path to response.php file
		    error : function(x,err)
		    {
				alert(err);
		    },
		    success: function(data)
		    {
		    	console.log("result"+data.objectif+" ("+data.idpack+")");
				$("#titphrases").append(
						"<div id='ass_obj'>"+
						"<h2 id='obj'><?php echo ADD_OBJ; ?> : <span class='idpack' id='"+data.idpack+"'>"+data.objectif+
						"</span><i class='fa fa-pencil ok' onclick='editobjectif(\""+data.objectif+"\", 1, "+data.idpack+");' aria-hidden='true'></i></h2>"+
						"</div>");
		    	if (data.objectif=='')
		    	{ console.log("wide");
		    		$("h2").html("<?php echo ADD_OBJ; ?> :"+
					"<input id='edit_obj'><i class='fa fa-refresh' onclick='editobjectif(\"\", 2, "+data.idpack+")'>");
					$("#ass_obj").addClass("wide");
		    	}
		    	else { console.log ("nowide");}
		    }

Merci d'avance pour votre aide !! :-)