[jQuery] help with type rendering via FaceLift (FLIR)?
hello, I have a question about using jquery with facelift.
I am pulling text from an input box in a form to be rendered by
facelift.
the code is this:
----------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Christoph Dunst</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="author" content="christoph dunst" />
<meta name="copyright" content="c. dunst" />
<meta http-equiv="imagetoolbar" content="no" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"
charset="utf-8"></script>
<script language="javascript" src="facelift/flir.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// initialize FLIR
FLIR.init({ path: 'facelift/' });
// get the content of text and put it in the div
$('#submit').submit(function(){
$('#rendered').html($("#text").val());
$("#rendered").each( function() { FLIR.replace(this); } );
return false;
});
});
</script>
</head>
<body>
<form id="submit" method="" accept-charset="utf-8">
<input type="text" name="text" value="" id="text">
<select name="size">
<option>8</option>
<option>10</option>
<option>12</option>
<option>14</option>
<option>18</option>
</select>
<button id="">render text</button>
</form>
<div id="rendered"></div>
</body>
----------------------------------------------------------------------------------------------
for some reason, though, the script runs only the first time. when
trying to type a new text in the input, the button would just not
submit the form.
has anybody an idea of what could the problem be?
thank you.