Concept for jQuery extensions for pynetworktables2js

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
</head>
<body>

<script src="/networktables/networktables.js"></script>

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

<div>
	NetworkTables websocket: <span id="connectstate">Unknown state</span><br/>
	Robot: <span id="robotstate">Unknown state</span>
</div>
<hr/>

/SmartDashboard/InteractiveBool: <input id="#interactive_bool" type="checkbox" /><br/>
/SmartDashboard/ReadOnlyBool: <span id="#readonly_bool"/>false<br/>

/SmartDashboard/Autonomous: <select id="#autonomous_chooser" />

// jquery functions for connect/disconnect
  // - Not totally sure if 'this' works here, but sounds good?
  
  $('#connectstate').ntWsConnected(function(connected){
    this.text(connected ? "Connected!" : "Disconnected");
  });
  
  $('#robotstate').ntRobotConnected(function(connected){
    this.text(connected ? "Connected!" : "Disconnected");
  });
  
  // the ntBoolean figures out that the element is a checkbox and does the right thing
  // to make it work interactively
  $('#interactive_bool').ntBoolean('/SmartDashboard/InteractiveBool');
  
  // the ntBoolean figures out that the element is a span and does the right thing
  // to only show the value
  $('#readonly_bool').ntBoolean('/SmartDashboard/ReadOnlyBool');
  
  
  // just a different way to use the 'attachSelectToSendableChooser' function already
  // in the utils.js... 
  $('#autonomous_chooser').ntChooser('/SmartDasboard/Autonomous');
  
  // TODO: could extend this concept for other things like integers, strings.. 
  
});

</script>

</body>
</html>

https://code.jquery.com/jquery-2.1.3.min.js