title: Adding code into weebly
body: <p>I have this <a href="http://jsfiddle.net/TtX7F/1/" rel="nofollow">http://jsfiddle.net/TtX7F/1/</a> but I don't know how to get it to work in weebly. The HTML part works, but the js only works when editing, not when it's published and I don't know where to put in the CSS. </p>
  
  <p>This is the javascript</p>
  
  <pre><code>$("input").on("click", color);
  $(document).ready(color);
  
  function color() {
  var shell = $("[name='shell']:checked").val(),
      thumbs = $("[name='thumbs']:checked").val(),
      result = {
          "shell": "",
              "thumbs": ""
      };
  
  switch (true) {
      case (shell === "black"):
          result.shell = "http://liberatedinamerica.com/wp-content/uploads/2013/05/shell-black.png";
          break;
      case (shell === "blue"):
          result.shell = "http://liberatedinamerica.com/wp-content/uploads/2013/05/shell-blue.png";
          break;
      case (shell === "pink"):
          result.shell = "http://liberatedinamerica.com/wp-content/uploads/2013/05/shell-pink.png";
          break;
  }
  
  switch (true) {
      case (thumbs === "red"):
          result.thumbs = "http://liberatedinamerica.com/wp-content/uploads/2013/05/ey-thumbs-ps3-red.png";
          break;
      case (thumbs === "lime"):
          result.thumbs = "http://liberatedinamerica.com/wp-content/uploads/2013/05/ey-thumbs-ps3-lime.png";
          break;
  }
  
  $(".shell").attr("src", result.shell);
  $(".thumbs").attr("src", result.thumbs);
  
  console.log(result);
  </code></pre>
  
  <p>}</p>