Jquery - Reading from a Div

We are building a chat engine and when the user clicks on the chat link a popup appears that has a list of the user's latest chats.  This list is being returned through a webservice call inside a string builder that contains all the html.  See attached screen grab (chathtml).

I am tryng to read the data-roomid attribute for whatever chat the user clicks on.  (see attached screen grab chatusers)

I am only able to read the first data-roomid.    Here is the relevant jQuery

$.ajax({
      type: "POST",
        url: "/CMSPages/WebService.asmx/GetMyLatestChats",
        data: {},
       success: function (data) {
          var encodedHtml = data.children[0].innerHTML;
          var decodedHtml = decode(encodedHtml);
          alert(decodedHtml);
          var windowRoomId = $('.chatListWrapper').data('roomid');
       
          $("#frame").addClass("active");
       
        $("#frame").attr("src", "http://172.16.16.31/CMSModules/Chat/CMSPages/ChatRoomWindow.aspx?windowroomid=" + windowRoomId + "&popupSettingsId=" + popupSettingsId);

Does anyone know of anyway I can get the roomid of the chat the user clicked on
chathtml.jpg
chatusers.jpg