Untitled

<!doctype html>

<head>
</head>

<body>

    <table id="artist_table">

%for artist in artists:
        <tr>
            <td id="image"><img class="artistImg"></td>
            <td id="name"><a href="artistPage?ArtistID=${artist['ArtistID']}" title="${artist['ArtistID']}">${artist['ArtistName']}</a></td>
        </tr>
%endfor

    </table>

</body>
</html>

<script src="js/libs/jquery-1.7.2.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>

function getArtistArt() {
    $("table#artist_table tr td#name").each(function(){
        var id = $(this).children('a').attr('title');
        var image = $(this).parent().find("td#image img");
        getThumb(id, image);
        });
    }

function getThumb(artistid, image) {
    $.ajax({
        url: "getThumb?ArtistID=" + artistid,
        success: function(data){
            var artistImg = data;
            $(image).attr("src",artistImg);
        }
        });
    }

$(document).ready(function() {
    getArtistArt();
});

</script>