I am trying to insert/move some insert elements on a form on an internal site.

I am using jquery and the .insertafter function but although the labels will move the inputs wont

This works to move the labels

$("label[for='rn_SelectionInput_26_Incident.CustomFields.c.need_written_reply_1']").insertAfter("label[for='rn_SelectionInput_26_Incident.CustomFields.c.need_written_reply_0']")

but the inputs wont

$('#rn_SelectionInput_26_Incident.CustomFields.c.need_written_reply_1').insertAfter('#rn_SelectionInput_26_Incident.CustomFields.c.need_written_reply_0');

I have also tried to hide them this also fails

$('#rn_SelectionInput_26_Incident.CustomFields.c.need_written_reply_1').hide()
$('#rn_SelectionInput_26_Incident.CustomFields.c.need_written_reply_0').hide()

I have a fiddle here if anyone can help http://jsfiddle.net/kxLsp4ne/