Changing markup dinamically

Changing markup dinamically

I don't know if this is possible but if it's don't know how to do this. See I have this markup

  1. <ul class="error_list">
  2.     <li>Required</li>
  3. </ul>
But I'll like to change using jQuery if is possible to this:

  1. <div class="alert">
  2. <button type="button" class="close" data-dismiss="alert">&times;</button>
  3. <strong>Warning!</strong> Required.
  4. </div>
It's possible? Any help?