<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<html>
<body>
<h2>Display of some nasty changes of code</h2>
When this code is loaded in Internet Explorer (unknown versions) the value attribute of the code is switched from a value of 1_1 to 1
<br/>
You may have to switch between the HTML view and the preview to see the effect...
<ul>
<li value="1_1" val="1_1" style="cursor: pointer;" onClick="alert('value=' +this.getAttribute('value'));">Click to see value! This is the list item with value and val of 1_1</li>
<li value="1_2" val="1_2" style="cursor: pointer;" onClick="alert('value=' +this.getAttribute('value'));">Click to see value! This is the list item with value and val of 1_2</li>
</ul>
</body>
</html>
