CHAPTER 25 REFACTORING THE EXAMPLE: PART III <title>Example</title> <script src="jquery-1.7.js" type="text/javascript"></script> <script src="jquery-ui-1.8.16.custom.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="styles.css"/> <link rel="stylesheet" type="text/css" href="jquery-ui-1.8.16.custom.css"/> <script src="jquery.tmpl.js" type="text/javascript"></script> <style type="text/css"> .dcell img {height: 60px} #basketTable {border: none; border-collapse: collapse} th, td {padding: 4px; width: 50px} td:first-child, th:first-child {width: 150px} #placeholder {text-align: center} #productWrapper {float: left; width: 65%} #basket {text-align: left;} #buttonDiv {clear: both; margin: 5px} #logo {font-size: 1.5em; background-size: contain; margin: 1px; border: none; color: inherit} #logoWrapper {margin-bottom: 5px} #theader {border: none} #completeDialog input {width: 150px; margin-left: 5px; text-align: left} #completeDialog label {width: 60px; text-align: right} </style> <script type="text/javascript"> $(document).ready(function() { $.getJSON("mydata.json", function(data) { var flowers = $('#flowerTmpl').tmpl(data);