       class: 'math-button other fraction'
     }, opts)
 
-  lparen: (opts)->
+  caret: (opts)->
     @button({
-      value: '('
-      class: 'math-button parentheses other'
-    }, opts)
-
-  rparen: (opts)->
-    @button({
-      value: ')'
-      class: 'math-button parentheses other'
-    }, opts)
-
-  pi: (opts)->
-    @button({
-      value: 'pi'
-      label: '&pi;'
-      class: 'math-button pi other'
+      value: '^'
+      class: 'math-button other caret'
     }, opts)
 
   variables: (opts)->

  initialize: (@opts={})->
    @ui_elements = @opts.ui_elements

  base10Digits: (opts={})->
    for num in [0..9]
      do (num)=>

      class: 'math-button operation equal'
    }, opts)

  # Other functions
  lparen: (opts)->
    @button({
      value: '('
      class: 'math-button other parentheses'
    }, opts)

  rparen: (opts)->
    @button({
      value: ')'
      class: 'math-button other parentheses'
    }, opts)

  pi: (opts)->
    @button({
      value: 'pi'
      label: '&#x3c0;'
      class: 'math-button other pi'
    }, opts)

  root: (opts)->
    # TODO: This probably has some important functionality in the
    # equation builder. @Joel, let me know what's up.
    # degree = if opts.degree
    #   "<div class='degree'>#{opts.degree}</div>"
    # else
    #   ""
    # radicand = if opts.radicand
    #   "<div class='radicand'>#{opts.radicand}</div>"
    # else
    #   "<div class='radicand'>#{math_var('x')}</div>"

    @button({
      value: 'root'
      label: '&#x221a;'
      # label: """
      #   #{degree}
      #   #{radicand}
      #   <div class='radix'>&radic;</div>
      #   <div class='vinculum'>&#8212;</div>
      # """
      class: 'math-button other root'
    }, opts)

  clear: (opts)->
    @button({
      value: 'clear'
      class: 'math-button other clear'
    }, opts)

  square: (opts)->
    @button({
      value: 'square'
      label: '&#xb2;'
      class: 'math-button other square'
    }, opts)

  # Buttons for the Equation Builder component
  negative_slash_positive: (opts)->
    @button({
      value: '-/+'
      label: '&#xb1;'
      class: 'math-button number-specifier negative-slash-positive'
    }, opts)

  exponent: (opts)->
