Attribute selector us not workign properly or is it a bug?

Attribute selector us not workign properly or is it a bug?

I have following code. I am expecting all div to have green border when I click the button which is not happening. I believe as per JQuery Documentation for selector [name|=''] following code should make all div's border green..
 
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
    $(document).ready
    (
        function()
        {
            $('button')
            .click
            (
                function()
                {
                    alert("Clicked");
                    $("div[id|='men']").css('border','1px solid green');
                }
            )
        }
    )
  </script>
</head>
<body>
</div>
    <button>Click Me</button>
    <div id="menu1">menu1</div><br>
    <div id="menu2">menu2</div><br>
    <div id="menu3">menu3</div><br>    
    <div id="menu4">menu4</div><br>
    <div id="menu5">menu5</div><br>
</body>
</html>






























 
Am I making any mistake in the code here?