Lecture d'un text dans un code javascript à partir de HTML

Bonjour,

le code html de mon formulaire est le suivant

<form action="test_faire.php" method="GET">
					<input type="hidden" name="code_article" value="" id="code_article">
					<input type="hidden" name="code_credit" value="<?php echo $code_credit?>">
					<input type="hidden" name="code_bs" value="<?php echo $code_bs?>">
				<table>
					<tr>
						<td valign="top">
								<div ><b>Trouver: </b>
									<input autofocus tabindex ="1" type="text" id="article_id" name="article" onkeyup="autocompletBS()" autocomplete=off  required="required" >
									<ul id="article_div"></ul>
								</div>
						<td valign="top">
							<input type="number" min="1"  value="1" id="q" name="quantite"   tabindex ="2" autocomplete=off size="3" step="1">
						<td valign="top">
							<input type="image" value="Ajouter " src="ajouter_rose.jpg" height="30" width="30">	

					</table>
 </form>

d'autre part le code javascrip dans le meme fichier php qui s'appelle test.php est le suivant:

<script type="text/javascript">
function autocompletBS() {
		confirm();
		var keyword = $('#article_id').val();
		confirm();
		$.ajax({
			url: 'ajax_refresh_code_barre.php',
			type: 'POST',
			data: {keyword:keyword},
			success:function(data){
				$('#article_div').show();
				$('#article_div').html(data);
			}
		});

}
function set_item4(item) {
	// change input value
	$('#article_id').val(item);
	// hide proposition list
	$('#country_list_id_bs_credit').hide();
}  
</script>

cette page  ne fonctionne pas comme je veux, pour cela j'ai pensé à executer des messageBox dans le code javascript pour connaitre l’état de mes variable, j'ai découvert quelque chose bizare; le code ne s'execute pas après la ligne         var keyword = $('#article_id').val(); car un seul messageBox a apparu lorsque je tape le clavier!!!!

 svp aider moi çà comprendre mon problème.
Windows / Firefox 108.0