Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="jquery-ui.css"/>
    <script src="jquery.js"></script>
    <script src="jquery-ui.js"></script>


    <script>


        $(document).ready(function(){

            $("#tabela").show();

            $("#kopche").click(function(){

                $.ajax({
                    url:"123.xml",
                    dataType: "xml",
                    success: function(data){
                        $(data).find("CD").each(function(){
                            var title = $(this).find("TITLE").text();
                            var artist = $(this).find("ARTIST").text();
                            var country = $(this).find("COUNTRY").text();
                            var company = $(this).find("COMPANY").text();
                            var price = $(this).find("PRICE").text();
                            var year = $(this).find("YEAR").text();
                            $("#tabela").append("<tr>" + "<td class='title'>" + title +"</td>" + "<td class='artist'>" + artist +
                                    "</td>" + "<td class='country'>" + country
                                    +"</td>"+ "<td class='company'>" + company +
                                    "</td>"+ "<td class='price'>" + price +"</td>"
                                    + "<td class='year'>" + year +"</td>" + "</tr>");

                        })
                    }
                });

            })

        });
    </script>

    </head>
    <style>


        #kopche:hover{
            border: 1px solid red;
        }
        table td{
            border: 2px solid black;
        }
        table{

            border: 2px solid black;
        }
        .hide{
            display:none;
        }
    </style>

<body>
<div>
    <button id="kopche">Get Data</button>
    <br>
    <select id="selekt">
        <option value="TITLE">TITLE</option>
        <option value="ARTIST">ARTIST</option>
        <option value="COUNTRY">COUNTRY</option>
        <option value="COMPANY">COMPANY</option>
        <option value="PRICE">PRICE</option>
        <option value="YEAR">YEAR</option>
    </select>
    <input type="checkbox" id="check">
    <table id="tabela">
        <tr>
            <td style="font-weight: bold" class="title">TITLE:</td>
            <td style="font-weight: bold" class="artist">ARTIST:</td>
            <td style="font-weight: bold" class="country">COUNTRY:</td>
            <td style="font-weight: bold" class="company">COMPANY:</td>
            <td style="font-weight: bold" class="price">PRICE:</td>
            <td style="font-weight: bold" class="year">YEAR:</td>
        </tr>
    </table>
</div>
</body>
</html>