How do I remove "active" css class from breadcrumbs? I am trying to include Structured Data in my breadcrumbs. The google validator throws an error on my final breadcrumb. When I remove class="active" from the code in the code validator window the code passes without error.

I used the theme_breadcrumb hook to add the Structured Data Markup to the breadcrumbs, but there is no mention of the css active class.

function MYTHEME_breadcrumb($variables) {
    $breadcrumb = $variables['breadcrumb'];
    $breadcrumb = substr_replace($breadcrumb, 'http://mywebsiteexample.com/', 9, 1); 
    $rich_snippet = 'rel="v:url" property="v:title" ';
    $breadcrumb = substr_replace($breadcrumb, $rich_snippet, 3, 0); 
    if (!empty($breadcrumb)) {
        $breadcrumb[] = '&lt;a rel="v:url" property="v:title" href="'.current_path().'" &gt;'.drupal_get_title().'&lt;/a&gt;';
        //Added this line  to avoid displaying node title twice
        unset($breadcrumb[count($breadcrumb) - 1]);
        $output = '&lt;span class="element-invisible"&gt;' . t('You are here') . '&lt;/span&gt;'; 
        $output .= '&lt;div class="breadcrumb" xmlns:v="http://rdf.data-vocabulary.org/#"&gt;&lt;span typeof="v:Breadcrumb"&gt;' . implode(' » &lt;/span&gt;&lt;span typeof="v:Breadcrumb"&gt;', $breadcrumb) . '&lt;/span&gt;&lt;/div&gt;'; 
        return $output; 
      }
    }


Is there another hook I can use to remove the active class exclusively for breadcrumbs? Ideally I would like to do it without inserting Javascript into any templates.
Why not use jQuery .removeclass() on document load so that it removes 'active' from breadcrumb for each page.

More information here.

jQuery remove class