So I'm using jQuery to add new <SELECT> boxes to my form that get data from a mysql database. It all works great, EXCEPT I cannot get my 'remove' link that I am putting next to my <SELECT> boxes to actually remove the <SELECT> box it's next to. Here's my code:
<script type="text/javascript">
var count = 0;
$(function() {
$('p#add_field').click(function() {
count += 1;
$('#container').append('<select id="field_' + count + '" name="fields[]' + '"> <?php echo javascript_escape($course_block); ?> </select><a href="#" onclick="removeFormField(field_' + count + '); return false;">Remove</a>');
});
});
function removeFormField(id) {
$(id).remove();
}
</script>