IE and replaceWith not preserving radio button state

IE and replaceWith not preserving radio button state

Hello,

I've run into an issue regarding replaceWith not maintaining the state of a moved radio button input. I've prepared a simple example illustrating this issue. This works in FF and Chrome, but not IE.

Is there a way around this?

Thanks,
Colin


code:
  2. <html>
  3. <head>
  4. <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  5. <title>IE replaceWith issue</title>
  6. <script type='text/javascript'>
  7. $(function(){
  8.   $('a').click(function(e) {
  9.     e.preventDefault();
  10.     $('#temp').replaceWith($('#window').children());
  11.   });
  12. });
  13. </script>
  14. </head>
  15. <body>
  16.   <a href='#'>run replaceWith</a>
  17.   <p>Select a radio button and then click "run replaceWith". The value persists in FF, but not IE.</p>
  18.   <div id='window' style='background-color: #DDD; height: 100px;'>
  19.     <input id="id_received_date-days_0" type="radio" name="received_date-days" value="30" />
  20.     <input id="id_received_date-days_1" type="radio" name="received_date-days" value="50" />
  21.     <input type='text' name='test-test' />
  22.   </div>
  23.   <br />
  24.   <form id='foo' style='background-color: #EEE'>
  25.     <div id='temp'></div>
  26.   </form>
  27. </body>
  28. </html>