how to disable the checkboxes with the numbers that available on the array

how to disable the checkboxes with the numbers that available on the array

Hi, I'm designing a bus reservation system. So, I designed a bus seat layout using arrays in jQuery. And its working fine. Here is my coding: ('.bus-table' is a table class)

  1. var row = Array(), booked = Array(),i=0, j=0;

  2.     row = [
  3.             ['1','5','9','13','17','21','25','29','33','37','41','45','49'],
  4.             ['2','6','10','14','18','22','26','30','34','38','42','46','50'],
  5.             ['','','','','','','','','','','','','51'],
  6.             ['3','7','11','15','19','23','27','31','35','39','43','47','52'],
  7.             ['4','8','12','16','20','24','28','32','36','40','44','48','53']
  8.         ];

  9.     $.each(row, function(index, value) {
  10.         $('.bus-table').append('<tr>');
  11.             while(j<index+1) {
  12.               for(i=0; i<value.length; i++) {
  13.                   if (row[j][i] !== ' ') {               
  14.                          $('.bus-table tr:nth-child('+ (index+1) +')').append(
  15.                             '<td seatno="'+ row[j][i] +'">' + row[j][i] + '<input type="checkbox"/></td>' );                          
  16.                       } else {
  17.                         $('.bus-table tr:nth-child('+ (index+1) +')').append('<td></td>');
  18.                       }
  19.                 }
  20.                 j++;                                
  21.             }
  22.     });
And this is my result: 
This is a bus reservation system, therefore we should disabled the checkboxes if there any booked seats available. So, i have an array called 
  1. booked = [ '24', '48' ,'51' ];

Now the problem is how to disable the checkboxes that is available in the 'booked' array. Please if anyone know how to solve this case help me!