jQuery AJAX function throwing unknown error
<p>I have the following function in a jQueryMobile page running in chrome and firefox. This same function runs without error in a PhoneGap + jQueryMobile app in iOS Simulator, but for some reason when it's run in the browser the error function gets called.</p>

<p><code>textStatus</code> returns <code>null</code> and <code>errorThrown</code> returns <code>"error"</code></p>

<pre><code>$.ajax({type : "GET", 
        url : "https://itunes.apple.com/lookup?id=356541460&amp;entity=album", 
        data : {get_param : "results"}, 
        dataType : "json", 
        error : function(jqXHR, textStatus, errorThrown) {alert(errorThrown); alert(textStatus);}, 
        success : function(data) {
            $.each(data, function(index, element) {
                $.each(this, function(index, element) {
                    if (element.wrapperType === "collection") {
                        $("#albums-list").append("&lt;li&gt;&lt;a id='albums-a-" + element.collectionId + "' href='#album-details'&gt;&lt;img src='" + element.artworkUrl100 + "' /&gt;" + element.collectionName + "&lt;/a&gt;&lt;/li&gt;"); 
                        $("#albums-a-" + element.collectionId).bind('click', function(index) {
                            Albums.AlbumID = element.collectionId;
                        });
                    }
                });
            });
            $("#albums-list").listview("refresh");
        }
});
</code></pre>

<p>Could this be a bug? Is this not designed to run in a browser?</p>

<p>Is there another function that I could use that would not have this result?</p>
