title: Change Highfaces Chart default Label
body: <p>i want to send a text from a input field to a bootsfaces textarea. But, i wonder, it dosen't work. I use Javascript to get the click event from the button and fire the send-Method in the javascript code:</p>
  
  <p>My HTML looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:b="http://bootsfaces.net/ui"&gt;
  
  &lt;h:head&gt;
  &lt;link rel="stylesheet"
      href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" /&gt;
  &lt;link rel="stylesheet" href="css/style.css" /&gt;
  
  &lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script src="js/script.js" type="text/javascript" /&gt;
  &lt;script src="js/websocket.js" type="text/javascript" /&gt;
  &lt;/h:head&gt;
  &lt;h:body&gt;
  
  
  &lt;div class="toogleClass"&gt;
      &lt;h:form&gt;
          &lt;b:panel look="primary" title="CHAT" collapsible="false"&gt;
              &lt;b:inputTextarea rows="10" id="messages"&gt;&lt;/b:inputTextarea&gt;
              &lt;b:panelGrid colSpans="8,4"&gt;
                  &lt;b:inputText placeholder="Nachricht" id="message"&gt;&lt;/b:inputText&gt;
                  &lt;b:button value="senden" look="primary" id="button"
                      onclick="send()"&gt;&lt;/b:button&gt;
              &lt;/b:panelGrid&gt;
          &lt;/b:panel&gt;
      &lt;/h:form&gt;
  &lt;/div&gt;
  
  &lt;b:icon name="envelope" size="3x" styleClass="message"
      tooltip="Verfasse eine Nachricht im Chat" /&gt;
  &lt;br /&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>Ant his i my websocket.js code:</p>
  
  <pre><code>var websocket = new WebSocket(
  "ws://" +
  document.location.host +
  document.location.pathname +
  "chat");
  
  websocket.onopen = function onOpen() {
  var m = document.getElementById("messages");
  if (typeof m !== 'undefined' &amp;&amp; m !== null) {
      m.append("Verbunden");
  }
  };
  
  websocket.onmessage = function onMessage(evt) {
  var m = document.getElementById("messages");
  if (typeof m !== 'undefined' &amp;&amp; m !== null) {
      m.append(evt.data);
  }
  };
  
  websocket.onclose = function onMessage(evt) {
  var m = document.getElementById("messages");
  if (typeof m !== 'undefined' &amp;&amp; m !== null) {
      m.append(evt.data);
  }
  };
  
  function send() {
  var inputtext = document.getElementById("message");
  if (typeof inputtext !== 'undefined' &amp;&amp; inputtext !== null) {
      websocket.send(inputtext.val());
      document.getElementById("message").val("");
  }
  
  }
  ;
  </code></pre>
  
  <p>my script.js:</p>
  
  <pre><code>$(function() {
  
  $('.message').click(function() {
      $('.toogleClass').toggle("slow");
  });
  
  
  });
  </code></pre>
  
  <p>All in all, nothing happens. The message from the input field is not append in the textarea if i clikc the button. No exception, no mistake from the debug console.</p>