JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
</head>
<body>
    <form id="list_form">
        <fieldset>
            <select>
                <option id="list_opt">1</option>
                <option>2</option>
                <option>3</option>
            </select>
        </fieldset>
    </form>
    <div id="test"></div>
</body>
</html>

JavaScript

$(function(){
    var msg = "jQuery.support.optSelected: " + $.support.optSelected + "<br />";
    
    var select = document.createElement('select'),
        opt = select.appendChild( document.createElement('option') );
    
    msg += "Pseudo &lt;option&gt; from var opt: " + opt.selected + "<br />";
    
    msg += "Pseudo &lt;option&gt; from childNodes : " + select.childNodes[0].selected + "<br />";
    
    msg += "Real &lt;option&gt; from id : " + document.getElementById('list_opt').selected + "<br />";
    
    $('#test').html(msg);
});