Cannot display XML in my JavaScript dropdown menu. Why is this not working?

[danfish]

\[code\]<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script type="text/javascript">$(document).ready(function () { $.ajax({ type: "GET", url: "XML/Website.xml", dataType: "xml", success: function (xml) { var arr = new Array(); $(xml).find("board").each(function () { var option = $(this).find('brand').text(); if ($.inArray(option, arr) > -1) { // Do nothing } else { $('#dropdown').append('<option>' + option + '</option>'); arr.push(option); } }); } });});</script><form><select id="dropdown"><option></option></select></form><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script type="text/javascript">$(document).ready(function () { $.ajax({ type: "GET", url: "XML/Website.xml", dataType: "xml", success: function (xml) { $(xml).find('board').each(function () { var image = $(this).find('image').text(); var name = $(this).find('name').text(); var brand = $(this).find('size').text(); var brand = $(this).find('camber').text(); var price = $(this).find('price').text(); $('#table').append('<tr><td><img width="250px" src="' + image + '"/></td><td>' + name + '</td><td>' + brand + '</td><td>' + price + '</td></tr>'); }); } });});</script><table id="table" border="1" cellspacing="5" cellpadding="20" class="center"> <tr><td></td><th>Name</th><th>Camber</th><th>Price</th><th>Size</th></tr></table></body></html>\[/code\]My XML data is being displayed on the page, but when I use the drop down to select what specifics I want to be selected, It will not change anything. I do not know what I am doing wrong.My XML tags are all correct I have made sure of it.