                 $('div[data-role="content"]')
                     .append $('<p>').text "#{msg.message.text}"
             if msg.currentPosition
-                $('div[data-role="content"]')
-                    .append $('<p>').text """It looks like you're at
+                $('p#stats').text """It looks like you're at
 (#{msg.currentPosition.position.coords.latitude}, #{msg.currentPosition.position.coords.longitude}), give or take #{msg.currentPosition.position.coords.accuracy} feet and that there's at least #{msg.currentPosition.cameras.length} cameras nearby."""
-                list = $('<ol>')
+
                 for camera in msg.currentPosition.cameras
-                    list.append $('<li>')
-                        .append($('<h3>').text camera.name)
-                        .append($('<img>').attr 'src', camera.url)
-                $('div[data-role="content"]').append list
+                    $('ul#cam-list').append($('script#cam-item').tmpl(camera))
+                $('ul#cam-list').listview 'refresh'
 
         socket.connect()
 

                div 'data-role': 'header', ->
                    h1 'traPHIcam.com'
                div 'data-role': 'content', ->
                    @content


# Socket.io connections
at connection: ->

# Default client-side code to include.
client ->
