Script

<script type="text/javascript">
      $(document).ready(function(){
        <? echo "var ID = $jsid;" ?>
        var url = "inventory/inventory.json";
        function addCommas(str) {
             var amount = new String(str);
             amount = amount.split("").reverse();
             var output = "";
             for ( var i = 0; i <= amount.length-1; i++ ){
             output = amount[i] + output;
             if ((i+1) % 3 == 0 && (amount.length-1) !== i) output = ',' + output;
             }
             return output;
        }

        $.getJSON(url, function(data){
            $.each(data, function(index, item){
                if(item.id === ID) {
                    $('#car_heading').html(item.year + ' ' + item.make + ' ' + item.model);
                    var Details = new Array(item.make, item.model, item.year, item.vin, item.stock, item.body, item.mpg, item.color.ext, item.color.int, item.trim, item.power.drive, item.power.trans, item.power.eng);
                    var tr = $("#cardetails tr");
                    tr.each(function(){
                        $(this).children('td:nth-child(2)').html(Details[$(this).index()]);
                    });
                    return false;
                }
            });
        });
      });
</script>

    <div>
        <table id="cardetails">
            <tbody>
               <?php
                 $itemArray = array("Make", "Model", "Year", "Vin Number", "Stock Number", "Body Style", "Ext. Color", "Int. Color", "Trim", "Drive Train", "Trans. Type", "Eng. Displacement");
                 for ($i=0; $i < sizeof($itemArray); $i++) {
                    ?>
                    <tr>
                        <td id="right"><?=$itemArray[$i].": "?></td>
                        <td id="left"></td>
                    </tr>
                    <?
                 }
               ?>
            </tbody>
        </table>
    </div>