Creating HTML and CSS Markup - Realtime Web Apps: With HTML5 WebSocket, PHP, and jQuery - page 127

Add the questions unordered list markup to the bottom of the existing <section> :
<ul id="questions">
<li id="question-1"
data-count="27">
<p>
What is the best way to implement realtime features today?
</p>
<form class="vote">
<input value="I also have this question."
type="submit" />
</form>
</li><!--/#question-1-->
<li id="question-2"
data-count="14">
<p>
Does this work on browsers that don't support the
WebSockets API?
</p>
<form class="vote">
<input value="I also have this question."
type="submit" />
</form>
</li><!--/#question-2-->
</ul><!--/#questions-->
With the markup in place, load attendee-active.html in your browser. It doesn't look good, but all the pieces
are in place (see Figure 7-14 ).