Append List Element (jquery)

HTML

<ul >
                <!-- BEGIN NOTIFICATION DROPDOWN -->
                <li >
                    
                    <ul cl>
                        <li >
                            <h3>
                                You have
                                <strong>4 trainings</strong> to attend
                            </h3>
                            <a href="#">view all</a>
                        </li>
                        <li>
                            <ul id="test"></ul>
                        </li>
                    </ul>
                </li>

JavaScript

$("#test").append("<li><a href=\"javascript:;\"><span class=\"time\">5/1/2016 5:30:00 AM</span><span class=\"details\"><span class=\"label label-sm label-icon label-success\"><i class=\"fa fa-plus\"></i></span>CANalyzer Training</span></a></li><li><a href=\"javascript:;\"><span class=\"time\">5/1/2016 5:30:00 AM</span><span class=\"details\"><span class=\"label label-sm label-icon label-success\"><i class=\"fa fa-plus\"></i></span>CANalyzer Training</span></a></li>");