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)

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

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

  13.     $.each(row, function(index, value) {
  14.         $('.bus-table').append('<tr>');
  15.             while(j<index+1) {
  16.               for(i=0; i<value.length; i++) {
  17.                   if (row[j][i] !== ' ') {               
  18.                          $('.bus-table tr:nth-child('+ (index+1) +')').append(
  19.                             '<td seatno="'+ row[j][i] +'">' + row[j][i] + '<input type="checkbox"/></td>' );                          
  20.                       } else {
  21.                         $('.bus-table tr:nth-child('+ (index+1) +')').append('<td></td>');
  22.                       }
  23.                 }
  24.                 j++;                                
  25.             }
  26.     });
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!