Multiple spinner fields, only first one is shown as a spinner. What am I doing wrong ?

Multiple spinner fields, only first one is shown as a spinner. What am I doing wrong ?

Dear all,

I'm using jQuery UI for the very first time.
I'm trying to build a form using PHP.

I'm making a form with two spinner fields. All is working fine, except for the fact that the second spinner is not shown as a spinner but as a "normal" input field. Although in the code, the field has the same "id" as the first one.

[code]
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"; />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>;

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>;

<script>

$(document).ready(function() {

$( "#spinner" ).spinner({min : 1});

$( "button" ).button();
});
</script>
[/code]

The PHP code is creating lines like this :

[code]
$output[] = '<td><input name="qty'.$id.'" value="'.$aantal.'" size="5" maxlength="5" id="spinner"/></td>';

[/code]

Is it impossible to attach the "spinner" id to multiple input fields ??

Greetings,

Davy