How to set placeholder with JS <p>Please take a look at this fiddle:</p> <p><a href="http://jsfiddle.net/KA85s/3/" rel="nofollow noreferrer">http://jsfiddle.net/KA85s/3/</a></p> <p>JQ-UI sets first option as default. I don't want it to be happened: instead I want to set HTML5 placeholder. </p> <p>How can I set HTML 5 placeholder (instead of first available <code>&lt;option&gt;</code>) for these JS generated inputs?</p> <p><img src="https://i.stack.imgur.com/xLRFo.png" alt="enter image description here"></p>