Optgroups within Contact Form 7 in WordPress

The Contact Form 7 plugin for WordPress doesn't support select optgroups natively. I wanted to create something that would work even if the plugin is later updated, so I used jQuery.

Thank you ParkMart for starting this idea (http://wordpress.org/support/topic/how-to-add-optgroup-in-a-drop-down-menu). He ran into a bug with jQuery auto-closing the tags with his method. But this method works.

Simply create two additional options to create an optgroup.

1. The beginning of your optgroup should be an option with the value "optgroup-XYZ" where XYZ is the label you want for your optgroup.
2. The end of your optgroup should be an option with the value "endoptgroup".

Example:

optgroup-Title 1
item 1
item 2
item 3
endoptgroup
optgroup-Title 2
item 4
item 5
endoptgroup

Code:

// contact us form - change out optgroup labels
$(function() {

// search for optgroup- items
var foundin = $('option:contains("optgroup-")');
$.each(foundin, function(value) {
     var updated = $(this).val().replace("optgroup-","");

// find all following elements until endoptgroup
$(this).nextUntil('option:contains("endoptgroup")')
.wrapAll('<optgroup label="'+ updated +'"></optgroup');
});
    
// remove placeholder options
$('option:contains("optgroup-")').remove();
$('option:contains("endoptgroup")').remove();

});