Что я делаю не так, что я не могу заставить JQuery прочитать мой XML-файл в DDL?

Question

Попытка загрузить данные в раскрывающийся список, когда пользователь выбирает одну из двух переключателей. файл bookGenres.xml находится в том же каталоге, что и мой скрипт. У меня нет идей.

XML:

<?xml version="1.0" encoding="utf-8" ?>
<Genres>
  <Fiction>
    <book>Sci-Fi</book>
    <book>Fantasy</book>
    <book>Horror</book>
    <book>Romance</book>
    <book>Detective</book>
  </Fiction>
  <NonFiction>
    <book>Autobiography</book>
    <book>Philosophy</book>
    <book>Cooking</book>
    <book>Historic</book>
    <book>Teaching</book>
  </NonFiction>
</Genres>

JQuery:

$('#rblGenre').click( function() {
        $('#ddlSpecificGenre > option').remove();

        $.ajax({
            type: 'GET',
            url: 'bookGenres.xml',
            dataType: 'xml',
            success: function( xml ) {
                $(xml).find( $(this).val() ).each( function() {
                    var subgenre = $(this).find('book').text();
                    $('#ddlSpecificGenre').append( "<option>" + subgenre + "</option>" );
                });
            },
            error: function() { alert( "WTF" ); }
        });
    });

Answer 1

Justen,

Наиболее вероятная проблема заключается в том, что bookgenres.xml может находиться в той же папке, что и скрипт, но находится ли он в той же папке, в которой находится html-страница, на которую повторно ссылается jQuery