<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.3.0/knockout-min.js"></script><script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>

​

<h3>Attach/Detach</h3>

​

<p>issue 1: Detach/Update/Attach/Update</p>

<p>issue 2: Run with JS/Update/Enter new val/Detach/Update/Attach</p>

​

<div id="attdet">

    <input type="text" data-bind="value: a" />

    <input type="text" data-bind="value: b" />

</div>

​

<button id="detach">Detach</button>

<button id="update">Update</button>

<button id="attach">Attach</button>

​

<h3>Show/Hide</h3>

​

<div id="shohid">

    <input type="text" data-bind="value: c" />

    <input type="text" data-bind="value: d" />

</div>

​

<button id="hide">Hide</button>

<button id="upd">Update</button>

<button id="show">Show</button>

​