¿Alguien sabe una manera de obtener la lista de temas jQuery dehttp://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/ ?

Estoy creando una página web simple con el rodillo de temas donde el usuario puede cambiar los temas dinámicamente.

Violín de trabajo - Haga clic en Temas en la esquina superior derecha y seleccione un nuevo tema.

En este momento la lista está codificada como la siguiente,

<div id="theme-list">    
   <ul>
      <li class="themes-el ui-state-highlight" data-theme="cupertino">cupertino</li>
      <li class="themes-el" data-theme="hot-sneaks">hot-sneaks</li>
      <li class="themes-el" data-theme="smoothness">smoothness</li>
      <li class="themes-el" data-theme="pepper-grinder">pepper-grinder</li>
      <li class="themes-el" data-theme="ui-lightness">ui-lightness</li>
      <li class="themes-el" data-theme="ui-darkness">ui-darkness</li>
      <!-- and more -->
   </ul>    
</div>

¿Hay alguna manera de obtener esta lista de temas de la URL?http://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/? (dominio cruzado:http://www.w3.org/TR/cors/#access-control-allow-origin-response-hea)

Intentado, pero falló con el código de abajo ...

$.ajax({
    url: 'http://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/',
    dataType: 'text',
    beforeSend: function ( xhr ) {
        xhr.setRequestHeader("Access-Control-Allow-Origin", 'http://jquery-ui.googlecode.com');
        xhr.setRequestHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS");
    },
    crossDomain: true,
    success: function (data) {
        alert(data);
    }, 
    error: function (jqXHR, textStatus, errorThrown) {
        alert(errorThrown + ' ' + textStatus + ' ' + jqXHR.responseText);
    }
});

Siento que me estoy perdiendo mucho aquí ... cualquier información realmente ayudaría.