problem with some code

Hi,

if anyone could help me out here I would much appreciate it.

I am trying to create some dependent listboxes on a form, the idea is that you choose an entry from listbox one, and depending on your choice, a limited amount of choices apear in listbox two.

The listbox options are pulled out of an SQL database, and depending on the amount of entries in the table, the code will write the options into the resulting html page.

here is the snippet of code:
function populateState()
{

<%
var rs = Server.CreateObject("ADODB.Recordset");
rs.Open("select * from State", "DSN=Northwind_SQL");
var n=0;
while (!rs.EOF)
{

var stateID = rs.Fields("State_ID");
var stateDesc = rs.Fields("State_DESC");

Response.Write ("document.frmTest.cboState[" + n + "] = new Option('" + stateDesc+ "’,’" + stateID + "’);" );


if (new String(strState).search(stateID) != -1)
Response.Write("document.frmTest.cboState[" + n + "].selected = true;");
rs.MoveNext();
n++;
}
rs.Close();
%>

}

The result of the Response.Write in the resulting html is as follows:

function populateState()
{

document.frmTest.cboState[0] = new Option('Clare ’,’1’);document.frmTest.cboState[1] = new Option('Limeric ’,’2’);document.frmTest.cboState[2] = new Option('Galway ’,’3’);document.frmTest.cboState[3] = new Option('Cork ’,’4’);

}

as you can see, all options are on one single line, this is preventing the listboxes to be populated, has anyone any ideas as to what is wrong?

Regards.